Elementorの「ページ設定」機能とは?

Elementorの要素ボックス欄(左側)の最下段の左端にある歯車のアイコンにオンマウスすると「設定」と表示されます。その「設定」とは何か? 本日は、普段、気が付かないで通り過ごしていた「ページ設定」の話です。

Elementorには、セクション、カラム(段組み)、ウジェットの3ツの要素(Element)があり、各要素の機能を知らなければElementorを使いこなせないと、筆者は、ことある毎に言い続けていましたが、実は、4番目の要素(Element)があるのです。

それが「ページ設定」と言う要素で、セクション(領域)を設定する以前の機能があります。筆者も普段は殆ど使ったことはありませんし、その存在すら最近になって知ったくらいの新しい機能と言っても良いかも知れません。

その「ページ設定」ボタンを押すと、先ずは左側画面のような「ページ設定」という見出しがついた画面が表示され、その中の「設定」タブ~一般設定でアイキャッチ画像等を設定します。

 

 

次に「スタイル」タブ~本文のスタイルで、ページの背景に画像等を設定したりします(右側画面)

いくら言葉で説明しても中々イメージは掴みにくいかと思います。
「ページ設定」でページ編集したページを、実際に、ご覧頂いた方がお分かり頂けるかと思い、ページの背景に2色のグラデーションを配置した例と、画像を配置した2例を紹介します。

背景に2色のグラデーション
背景に画像を配置

藤心WordPress塾は最強トリオで開催します。

1.WordPress

将来性、拡張性、10年先にも存在する最強のCMSツールがWordPressです。

2.Elementor

そのWordPressのハードルを下げる最強のページビュルダがElementorです。

3.リモート会議

ZoomやG-Meet等を使った最強のレッスンをリモート会議で開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大且つ最終目標となります。

ELEMENTORの基本操作は「ドラッグ&ドロップ」

過日の投稿での「基本中のキホン:セクション/カラム/ウジェット」が、ELEMENTORの3要素だとすると、マウス操作「ドラッグ&ドロップ」も、ELEMENTORの代表的な基本操作と言えます。

具体的には、ELEMENTOR操作画面の左側の要素ボックス欄から、右側のカスタム領域欄への「ドラッグ&ドロップ」で、ウジェット要素を移動(コピペ)するのが基本操作となります。

従って、マウスは必須アイテムになります。タブレット等での画面操作で、その「ドラッグ&ドロップ」ができなければ、ELEMENTORの画面操作は難しい操作になります。

そして「ドラッグ&ドロップ」のドロップ先になる「カスタム領域」の特性を知らなければ、十分なELEMENTOR操作が実行できないことになります。

藤心WordPress塾は「ELEMENTOR」導入が前提条件です。

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。ELEMENTORが分かればWordPressのハードルを下げることが可能です。「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」によるページ編集に特化した「オンライン個人レッスン付きWordPress塾」がお薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

今、何故、Elementor なのか?

2018年11月に、かねてより噂のあったWordPressの大幅なアップグレードが実施されました。バージョン5.0となり自動でインストールされるWordPressの標準テーマも Twenty Seventeen から Twenty Nineteen に変更されました。

そしてバージョン5.0で変わったもう一つの出来事が、編集エディタ Gutenberg の登場です。WordPressをインストールすると、その Gutenberg が標準エディタとしてインストールされます。これが評判が良くないのか否か Gutenberg の替わりに、以前のエディタを使用しているユーザーがかなりの数いるのも事実です。

当方のWordPress移行には2つのメリットがあります

その2つのメリットとは、「サイトのスリム化」と「WordPressスキルの取得」です。WordPress移行の機会にリンク切れのページや古くなったページを捨てることでスリム化が実現できます。制作代行後の個人レッスンでWordPressのスキルが取得できます。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

テンプレート機能もページ単位で実装されます。

この場合のテンプレートとは、Elementorのページ・テンプレートを意味します。
Elementorには、Elementorをインストールすると同時に、Elementorの見本ページがテンプレートとして、システム領域に予めインストールされています。その数は100個を超えるかなりの数です。

そのテンプレートの使用方法については、別紙の「テンプレート見本ページの挿入」を参照して下さい。

今回、このページで言いたいことは、Elementorのテンプレートも、ページ単位で挿入・編集・削除等の加工処理が可能であることを明言しておきます。このElementorのテンプレート機能は、WordPressのテンプレート(デザイン・テーマとも言いますが)とは、全く異なった機能であることを付け加えておきます。

WordPressのテンプレートは、サイト全体のデザイン・テンプレートに関与したテンプレートである。即ち、WordPressのテンプレートを変えることは、サイト全体のデザインが変わることを意味しています。

それに対して、Elementorのテンプレートは、サイト全体ではなく、個々のページ毎にそのページのデザインを変えることを意味しています。これがElementorの凄いところの一つになります。

藤心WordPress塾は最強トリオで開催します。

1.WordPress

将来性、拡張性、10年先にも存在する最強のCMSツールがWordPressです。

2.Elementor

そのWordPressのハードルを下げる最強のページビュルダがElementorです。

3.リモート会議

ZoomやG-Meet等を使った最強の個人レッスンをリモート会議で開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大且つ最終目標となります。

Elementorを使う/使わないの判断基準について

WordPressサイトのページ編集に、「Elementorを使うか否かの判断基準には何があるのか?」と言う質問を受けたことがあります。この質問に回答する前に、WordPressでElementorを使用する場合、以下の前提条件があることを明記しておきます。この前提条件を知らずに使用しているユーザーが意外と多くいます。

  1. Elementorを使うか否かは、各ページ毎にユーザーの自由意志で決められること。
  2. Elementorを使った特定ページのページ編集は、以後、Elementorを使うことを前提としていること。
  3. Elementorを未使用のWordPressページは、ある時からElementorを使用することが可能であること。
  4. 一旦、Elementorを使用したページは、その後も引き続きElementorを使用すること前提としている。
  5. ある時点までElementor未使用のページで、Elementor使用を開始した場合、WordPressページ全体を1セクションとしたElementor領域が設定される。

以上の前提条件があることを踏まえて、前記の質問にお答えします。
筆者の場合のElementor使用の基準は、編集対象ページに段組みを使用するか否かで、そのページをElementor導入ページとするか否かを決めています。

即ち、段組みを設定する必要が生じる場合は、Elementorを導入します。この場合の段組みとは、ページ領域を2段の段組みを設定して、例えばテキスト文書を左側段組み内に設定したり、画像を右側段組み内に設定したりするケースを意味します。

即ち、前記のような段組みを一切使用しないケースでは、Elementorを導入しないページが設定されます。ページによってElementorを使用しているか否かを判断する手順として、ダッシュボードで固定ページ一覧や投稿ページ一覧を見れば、どのページがElementorを使用しているか否かが一目瞭然で直ぐ分かります。

また、一旦、Elementorを使用したページをダッシュボードで見ると、管理メニュー上に「Elementorで編集」というテキストリンクが表示されていると思います。

藤心WordPress塾は最強トリオで開催します。

1.WordPress

将来性、拡張性、10年先にも存在する最強のCMSツールがWordPressです。

2.Elementor

そのWordPressのハードルを下げる最強のページビュルダがElementorです。

3.リモート会議

ZoomやG-Meet等を使った最強のレッスンをリモート会議で開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大且つ最終目標となります。

Elementorファンには朗報です/EdgeでElementorを!!

Elementorでページ編集するには、使用するブラウザとの相性があることは既にお伝えしました。一時期、マイクロソフトのEdgeはElementorとは最悪の相性でお薦めできないブラウザでしたが、EdgeのVer.79以降(最新Ver.84)であれば問題なく使用できるようになりました。

筆者はつい最近、既定のブラウザをFirefoxからEdgeに切り替えて使用しております。むしろFirefoxよりEdgeの方が良いみたいです。お薦めです。

当方が提供できる3ツのサービスとは?

WordPressに特化

WordPressに特化した制作行を志向します。従って、WordPress以外の制作代行は、お受けできかねます。

Elementorを導入

そのページ編集には、全ページElementorを導入し、WordPressのハードルを下げる効果が期待できます。

個人レッスンの開催

個人レッスンはZOOMやGoogle Meet等を使ったオンライン・リモート会議形式のレッスンを開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大・最終目標となります。

「左からFade In Left」、「右からFade In Right」

Elementorに「Motion Effects」という機能が大幅に改善されて新しく登場しました。それまでは「開始アニメーション」という名前で既にあった機能ですが、つい最近のアップグレードで「Motion Effects」とい言う名前で再登場した次第です。

そもそも「Motion Effects」とは、画面スクロールの際に表示されるコンテンツの動きを制御する機能です。筆者は、その「Motion Effects」の中の「Fade In xxxxx」なる機能を多用しています。

「Fade  In Left」は、コンテンツを画面左からセンターへ、
「Fade In Right」は、コンテンツを画面右からセンターへ、
この場合のコンテンツとは、2列の段組自身を意味しています。「百聞は一見にしかず」です。先ずは見て下さい。

藤心WordPress塾は最強トリオで開催します。

1.WordPress

将来性、拡張性、10年先にも存在する最強のCMSツールがWordPressです。

2.Elementor

そのWordPressのハードルを下げる最強のページビュルダがElementorです。

3.リモート会議

ZoomやG-Meet等を使った最強のレッスンをリモート会議で開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大且つ最終目標となります。

WordPressのハードルを下げるELEMENTORの存在

WordPressが易しくなったとは言え、まだまだWordPress初心者には高い壁(ハードル)が存在するのは否めません。一般的にWordPressのテキスト編集モードには、ビジュアルモードとテキストモードの2タイプの編集モードがあります。

QHM/HAIKユーザーのためのWordPress塾

QHM/HAIKは、旧メーカー(北研)が見捨てた絶滅危惧種の古いシステムです。未来永劫存在し進化し続ける素晴らしいツールが WordPress です。WordPressの高い壁(ハードル)を下げる存在が ELEMENTOR です。その ELEMENTOR を教えることに特化した唯一無二の塾が藤心オンラインWordPress塾です。

WordPressからElementorまでのインストール

藤心WordPress塾の個人レッスンでは、WordPressのプラグインElementorの操作方法に特化したレッスンを開催しています。Elementor以外のテーマについては、レッスン対象外として割り切ってElementorのみをレクチャーしています。

何故そうなのか?。最小限のレッスン時間で、お客様が日々のページ更新を、ご自身のスキルのみで維持更新可能なスタイルを考えた結果がElementorによるページ更新に行き着いたのです。

当方が制作代行して納品したWordPressサイトは、全てのページがElementorで作成されたページとなっております。そのサイトをお客様が運営管理するには、Elementorの操作方法が分かれば、取りあえずは事足りるのです。余分な情報は不要と割り切ってElementorのみに特化したレッスン内容になっているのです。

製品を納品して個人レッスンも終わって、「こんなに早くWordPressに移行できた」とお客様には喜ばれている反面、果たしてこのままで良いのかと疑問に思っていることがあります。それはお客様が二つ目のWordPressサイトを自身のスキルのみで作成しようとした場合、WordPress塾で取得したWordPressスキルでは、新規に二番目のサイトが作れないのです。

理由は簡単です。Elementorしか知らないWordPressスキルでは、新たにWordPressをインストールして、テーマをインストールして、ナビゲーション・メニューを作成するスキルが無いから、言い換えるとWordPressサイトをゼロから新規に作成するスキルが無いからです。

即ち、それらのWordPressの基本部分の設定手順をWordPress塾ではレクチャーしていないからです。WordPress塾は、Elementorに特化したレッスン内容となっていて、始めから無理な話であることは分かっていました。

大体のお客様は、今まで、このままのスタイルで事足りていて、問題なく過ごしてきました。しかし問題となったお客様が少ない数でしたが存在していたことは否めません。Elementor以前のWordPressの基本部分をレクチャーする必要があったのです。

個人レッスンはElementorですが、Elementor以前のWordPressの基本部分を、当方の実体験としてサイトに挙げて、公開することにしました。

当方が提供できる3ツのサービスとは?

WordPressに特化

WordPressに特化した制作行を志向します。従って、WordPress以外の制作代行は、お受けできかねます。

Elementorを導入

そのページ編集には、全ページElementorを導入し、WordPressのハードルを下げる効果が期待できます。

個人レッスンの開催

個人レッスンはZOOMやGoogle Meet等を使ったオンライン・リモート会議形式のレッスンを開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大・最終目標となります。

ElementorとWordPressの編集領域の違い

Elementorでページ編集したWordPressサイトを、お客様に納品した後、最初の個人レッスンで良く勘違いされることの一つが、「WordPressでの編集」と「Elementorでの編集」での対象領域が違うと言うことがあります。

即ち、何処から何処までがElementorの編集で、何処から何処までがWordPressの編集範囲なのかが、ごちゃごちゃになっているユーザー様がいます。

藤心WordPress塾は最強トリオで開催します。

1.WordPress

将来性、拡張性、10年先にも存在する最強のCMSツールがWordPressです。

2.Elementor

そのWordPressのハードルを下げる最強のページビュルダがElementorです。

3.リモート会議

ZoomやG-Meet等を使った最強のレッスンをリモート会議で開催します。

即ち、藤心の制作代行は、WordPressのElementorで制作代行し、制作したWordPressページを教材に、オンラインWeb会議のZoomやGoogle Meet等を使った個人レッスンを開催することが最大且つ最終目標となります。