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

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

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

賢威8.0スタンダート
賢威7.0スタンダート

これからのWordPressはブロック・エディタが主流となる?

Gutenbergでページ編集しました。
Elementorでページ編集しました。

好むと好まざるに拘らず、これからのWordPressの制作には、Gutenberg 即ち、ブロック・エディタを使って行かざるを得ないと感じています。理由は、2021年末までの期間制限で、Classic Editorのサポートが打ち切られる件。実際には、まだClassic Editorは使えていますが、時間の問題で何れは使えなくなると思われます。

筆者は、2018年末のGutenberg登場の際、「なんだこれは?」の否定的な感想だけで、Elementorを肯定する立場を継続する方針を貫き、ひたすらGutenbergを回避して来ましたが、ここに来てWordPressを取り巻く世情のブロック・エディタを養護する姿勢、特にYouTubeの世界でのブロック・エディタ関連の動画が数多く目立っている感じがしています。

そこでそれらの動画の一部を閲覧してみて、これなら今まで頑なに否定していたGutenbergの世界に入ってみたい興味が湧いてきました。興味が湧いたら冷めない内に行動あるのみ。Elementorで作成したWordPressの一部(トップページ)をGutenbergで書き直してみました。

前記の左側のサイトのトップページは、元々、Elementorで作成したページでしたが、今回、Gutenbergで編集し直した結果となっております。
右側のサイトは、そのGutenbergページの文言のテキスト参考として参照したページです。デザインはかなり違っていますが、同じLPイメージのページとして比較してご覧頂けると思います。

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

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

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

WPテーマ「脱Elementor」で作るWP-LP見本を紹介します。

Elementorに存在するフィルタ・ギャラリーと言う素晴らしい機能を紹介します。下記のボタンの何れかをクリックしても、そのフィルタ・ギャラリーが実装されたページに辿り着くことになります。

そのフィルタ・ギャラリー・ページが見つかりましたら、ページの最下段にある「以下の一覧表が、実際のフィルタ・ギャラリーです。」のすぐ下にあるフィルター「脱Elementor」をクリックすると、WPテーマで「Elementor未使用」で作った見本ページが3サイト見つかる筈です。この一連操作は、前記のフィルタ・ギャラリー・ボタンに共通する操作です。

このフィルタ・ギャラリーのフィルター「脱Elementor」は、WordPressのテーマ「脱Elementor」を意味しています。要するに筆者が過去n年の間、制作した数多くのWordPressサイトを、WPテーマ「脱Elementor」をキーワードとしてギャラリーを検索する画像ギャラリーとなっています。

WPテーマ「SWELL」で作るWP-LP見本を紹介します。

Elementorに存在するフィルタ・ギャラリーと言う素晴らしい機能を紹介します。
下記のボタンの何れかをクリックしても、そのフィルタ・ギャラリーが実装されたページに辿り着くことになります。

そのフィルタ・ギャラリー・ページが見つかりましたら、ページの最下段にある「以下の一覧表が、実際のフィルタ・ギャラリーです。」のすぐ下にあるフィルター「SWELL」をクリックすると、有料WPテーマ「SWELL」で作った見本ページが3サイト見つかる筈です。この一連操作は、前記のフィルタ・ギャラリー・ボタンに共通する操作です。

このフィルタ・ギャラリーのフィルター「SWELL」は、WordPressの有料テーマ「SWELL」を意味しています。要するに筆者が過去n年の間、制作した数多くのWordPressサイトを、WPテーマをキーワードとしてギャラリーを検索する画像ギャラリーとなっています。

SWELLを購入してSWELLサイトを作成

巷では、WordPressの世界に新しいWPテーマ「SWELL」が公開され、その機能とデザイン性の豊かさでユーザーを魅了しているみたいです。タメぐち為五郎もミーハー気分で評判のSWELLを購入してみました。

どうなることやら、これから先が思いやれるが、購入したからには、やるしかないとの思いで早速HP作りに取り掛かることにしました。

WordPressの表(テーブル)を実装するもう一つのテーブル

WordPressのテーブル(表)を実装するツールとして「TablePress」というプラグインが一般的によく知られていますが、Elementorの拡張機能「Essential Addons」の中に「データ・テーブル」というテーブル(表)を実装するツールがあります。

「TablePress」で作成するテーブル(表)とは一味違った表の存在に、このような表を利用することで、WordPressの利用範囲が広がるユーザーには嬉しい機能となることでしょう!!

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

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

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

サイトマップを作成して公開しました。

サイトマップを作成するプラグインとして「PS Auto Sitemap」が有名ですが、所謂、プラグイン「Google XLM Sitemaps」は Googleサーチコンソールに設定するサイトマップで、「PS Auto Sitemap」とは区別して使用しなければなりません。

今回、その「PS Auto Sitemap」を使ったサイトマップ3例(下記)を作成してみましたので公開します。

個人レッスン付き制作代行でWordPressをマスター

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

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

WPテーマ「Lightning」で作るWP-LP見本を紹介します。

Elementorに存在するフィルタ・ギャラリーと言う素晴らしい機能を紹介します。
下記のボタンの何れかをクリックしても、そのフィルタ・ギャラリーが実装されたページに辿り着くことになります。

そのフィルタ・ギャラリー・ページが見つかりましたら、ページの最下段にある「以下の一覧表が、実際のフィルタ・ギャラリーです。」のすぐ下にあるフィルター「Lightning」をクリックすると、WPテーマ「Lightning」で作った見本ページが4サイト見つかる筈です。この一連操作は、前記のフィルタ・ギャラリー・ボタンに共通する操作です。

このフィルタ・ギャラリーのフィルター「Lightning」は、WordPressのテーマ「Lightning」を意味しています。要するに筆者が過去n年の間、制作した数多くのWordPressサイトを、WPテーマをキーワードとしてギャラリーを検索する画像ギャラリーとなっています。

垂直整列画像にモーション効果を設定してみました

左のサイトは、WordPressテーマ:Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。

そのトップページの最下段の見出し「Happy Faces of Happy Students」にある以降の画像に目が釘ずけになりました。4段の段組での画像表現は、どのように作成したのか?

ここまででしたら以前(4/29)に投稿した記事の再投稿記事になりますが、今回は、結果画像の垂直整列画像にモーション効果を追加設定してみました。

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

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

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

背景画像にモーション効果を設定してみました

左のサイトは、WordPressテーマ:Astraの初心者用に作られたスターターテンプレート「クリスティーナのメイクアップスタジオ」で作成された見本ページです。

そのトップページのアイキャッチ画像の直下にある以降の画像に目が釘ずけになりました。4人の女性の画像が4列のカラム(段組)で表現されています。

ここまででしたら以前(4/5)に投稿した記事の再投稿記事になりますが、今回は、結果画像の背景画像にモーション効果を追加設定してみました。

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

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

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。