Elementor

WordPressを難しくしているナビゲーション

by
筆者が5年前に始めてWordPressに触れた時、挫折しそうになったWordPressの難解事項がナビゲーション・メニューです。WordPressには、グローバルメニューとかヘッダーナビとかメインメニューとかトップメニューとかサイドメニューとかフッターメニューとか様々な名称のメニューがあります。
こんなに沢山の呼び名のメニュー名は、WordPressテーマを作成し公開しているテンプレート制作者が勝手に命名しているからで、WordPressとして統一した標準的な名称がないからです。
このことがWordPress初心者を混乱させ且つ挫折に追い込むことにもなるのだろと筆者は推測しています。 WordPress経験５年の筆者が体験したWordPressの疑問点・問題点を告白したいと思います。
しかし決してWorPressを否定しているわけではなく、むしろWordPressが今なお素晴らしいツールであることを主張し続けるスタンスは変えるつもりはありません。
詳細はコチラです。

制作代行は二の次／個人レッスンがファーストです

当方の制作代行は、お客様にWordPressスキルを取得して頂くことを第一と考えています。そのために個人レッスンを開催してELEMENTORスキルをマスターして頂きます。その個人レッスンの教材として、当方が制作代行したWordPressページが使われます。だから制作代行は二の次なのです。

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

藤心オンラインWordPress塾

画像でなくてElementorの機能だけでキャッチコピーを作る優れ技！

by

Elementorを長い間使用していて、今の今まで気が付かなかった機能を、つい最近発見しましたので、ご紹介します。その機能とは、キャッチコピーを画像を使用せず、Elementorの見出しウジェット機能のみで作成する事例になります。

詳細はコチラです。

Elementor操作を教えることに特化した塾です。

e工房フジサキは、WordPressのプラグイン「Elementor」を個人レッスンを通じてレクチャーして行くこと。即ち、「Elementor」の普及活動を、最大で且つ最終目標とした活動を続けて行けたら幸いと考えております。

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

藤心オンラインWordPress塾

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

by

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

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

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

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

 

 

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

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

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

自分で更新できるWordPressサイトを作って
みませんか?

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

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

藤心オンラインWordPress塾

藤心流のテキスト・ボックスとは？

by

Elementorで良く言われているアイコン・ボックスとか画像ボックスとは、キャッチコピーを伝える手段として利用されています。所謂、アイコン＋見出し＋テキスト文書の３点セットで枠組みされたボックスがアイコン・ボックスになります。アイコンの代わりにサムネイル画像が使われた３点セットを画像ボックスと呼ばれています。

それらのアイコン・ボックスや画像ボックスをLPページに利用すると、LP用のイラスト画像を作成しないで手軽にキャッチコピーが実装できるメリットがあります。今回、たまたま某LPサイトで見かけたテキスト・ボックス（こういう呼び名が有るか否か定かではありませんが）を見本に藤心流の解釈でテキスト・ボックスを再現してみました。

LPページを作る場合の素材の一つとして利用できるのでは無いかと思います。

詳細はコチラです。

キーワードは、５(five)です。

ページ数は５ページ、

納期は５営業日後、

価格は５万円(税別)、

請負ページ数５，納期は受注確定後５営業日後、価格は５万円(税別)で
WordPressサイトを作成して、あなたのサーバーにアップロードします。

新しい制作代行プラン／ベーシック５

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

by

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

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

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

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

詳細はコチラです。

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

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

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

藤心オンラインWordPress塾

Myポートフォリオで「LPもどき事例」２例を比較する！

by
My ポートフォリオ

当サイトのポートフォリオ・ページにある極めて良く似た２サイトが下記の２サイトです。 似てると言ってもトップページに限定されたコンテンツ内容の話で、２サイトとも「LPもどき事例」実装サイトになっています。

藤心SWELL道場

VS

一般企業向け見本

「LPもどき事例」とは、ホームページのトップページが表示される時、ランディング・ページ（LP）イメージでページが表示されます。具体的な内容としては、縦方向のスクロールで背景固定画像が機能して、パララックス効果が見てとれる機能となっています。

 

Elementorだからできる部品（パーツ）のカスタマイズと再利用

by

Elementorのウジェット操作は、部品（パーツ）をドラッグ＆ドロップしてページ領域に貼り付けて、ページを作成して行くのが基本の操作になります。そして諸々のパーツを組み合わせて新たなパーツを作成して、Elementorのライブラリーに登録する機能があります。
登録したパーツは、ページ編集の際に、ライブラリーから呼び出して再利用することができます。

詳細はコチラです。

当方の公開サイトで、以下の２サイトは
全て「賢威」テーマを使用してサイトを
構築しています。

賢威8.0スタンダート
賢威7.0スタンダート
2万人を超えるユーザーが選んだSEOテンプレート【賢威】

Elementorファンには朗報です／EdgeでElementorを！！

by

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

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

詳細はこちらです。

自分で更新できるWordPressサイトを作って
みませんか?

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

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

藤心オンラインWordPress塾

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

by

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

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

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

詳細はコチラです。

自分で更新できるWordPressサイトを作って
みませんか?

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

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

藤心オンラインWordPress塾

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

by

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

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

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

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

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

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

私も「ELEMENTOR」を使っています。
それも無料で！

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

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

藤心オンラインWordPress塾