e工房フジサキが運用サポートする ELEMENTOR ユーザー支援サイトです
Xサーバーを使い始めてから、当然のことながらロリポップからXサーバーへのサーバー移転処理を、何度も失敗を繰り返しながらサーバー移転のノウハウを体験して、この方法なら大丈夫という確固たる手順・方法を取得しましたので、紹介したいと思います。
筆者のサーバーは、2017年よりＸサーバーを使い始めました。それ以後、ロリポップとの併用使用となっていましたが、2020年４月のロリポップとの契約更新をせず、以後は、Xサーバーだけでの運用となったわけです。
当方の制作実績と作成済HPを紹介する意味でMyポートフォリオ・ページが、藤心の各サイトに共通ページとして存在します。サイトの数は合計で９サイトあります。何故、９サイトなのか？。サイトの数は、結果的に９サイトになったまでで、意図して９サイトにした訳ではありません。
その９サイトの各サイトの実際の姿は、ポートフォリオ・ページから、ご覧頂けるわけですが、どのようなサイトがあって、サイトの特徴や制作目的等を、まとめて紹介したいと思って、当ページを作成しました。
当方のWordPressサイトは、元々、Elementorからスタートしました。Elementorを５年以上使用して実際にElementorでお客様のWebサイトを作成してきました。今後、このままElementorを使い続けて良いものか否か疑問に思うようになりました。
実際問題としてElementorでの制作を拒否されるお客様が少なからずいることも事実です。正直言って、自分は、このままElementorを使い続けて行きたと思ってはいるのですが、Elementorを拒否するお客様も理解できます。
２年前頃から有料テーマ「SWELL」を購入して「SWELL」でのWordPressサイトを作り始めてきました。Elementor一辺倒から脱して、Elementor以外の例えば「SWELL」等のブロック・エディタを体験しみて、今後の方向を決めても良いかなと思っております。
そのような状況で、藤心の公式９サイトは「SWELL」サイトが３サイトで、残りの６サイトが「Elementor」サイトとなっております。その「SWELL」３サイトが前記のサイトになります。
WordPressのWPテーマは、無料・有料のテーマが沢山あります。藤心の公式９サイトを、無料・有料で分けてみると、前記の「SWELL」３サイトは有料テーマに分類されます。その３サイトに「賢威」テーマで作成した「e工房フジサキ」のサイトを加えた計４サイト（下記）が有料テーマのサイトになります。
WordPressのトップページに着目すると、「ブログ型HP」か否かが判別されます。即ち、トップページにブログ記事一覧表示があったり、Elementorの「ポスト・グリット」等があれば「ブログ型HP」と判別されます。
下記の４サイトが「ブログ型HP」で、それ以外の５サイトは「非ブログ型HP」でトップページが固定ページで作成されています。
当サイトのポートフォリオ・ページにある極めて良く似た２サイトが下記の２サイトです。 似てると言ってもトップページに限定されたコンテンツ内容の話で、２サイトとも「LPもどき事例」実装サイトになっています。
「LPもどき事例」とは、ホームページのトップページが表示される時、ランディング・ページ（LP）イメージでページが表示されます。具体的な内容としては、縦方向のスクロールで背景固定画像が機能して、パララックス効果が見てとれる機能となっています。
藤心関連の公式９サイトを一覧紹介する手段として、藤心 My ポートフォリオと呼んでいるページがあります。その９サイトをSWELL専用ブロックのボックス・メニューで記述する方法があります。現在、SWELLサイトは３サイト（下記）ありますが、それぞれのサイトでボックス・メニューを設定したのが、以下になります。
Elementorでアコーディオン
ブロックエディタでアコーディオン
上記の２サイトの該当ページは、アコーディオン機能を実装した事例になります。
左側は、Elementorで作成したFAQページですが、中身はアコーディオン・ウジェットで作成されています。右側のブロックエディタで作成したアコーディオンは、SWELL専用ブロックのアコーディオン・ブロックの実装例です。
HPの請負業者としては煩わしい見積書作成を辞めて、且つ、発注者としては制作費用を依頼ページ数に応じた適正価格で決めることができる画期的な制作代行システムの詳細を紹介致します。
キャプション・ボックス実装例
アイコン・ボックス実装例
SWELLページの２ページ目「新しい制作代行プラン」のページでは、キャプション・ボックスというブロックを実装しています。（上記の左側ページ）
それに対して、Elementorのアイコン・ボックスは、「Elementor支援サイト」のトップページでアイコン・ボックスを多用しています。（上記の右側ページ）
即ち、SWELLのキャプション・ボックスは、Elementorのアイコン・ボックスに等しいボックスになります。
そして当初の試みとして、追加のSWELLサイトを２ツ作成しましたので公開します。 今回のサイトは、前回のサイト型HP（トップページが固定ページ）でなくて、ブログ型HP（トップページがブログ記事一覧）となったサイトです。それもSWELLの６ツあるデモページの中から、DEMO01とDEMO05の二つの素敵なページを実装してみました。
SWELLのDEMO01を着せ替えて作成しました。
SWELLのDEMO05を着せ替えて作成しました。
上記の４サイトに共通した仕様は、Elementor で作成したトップページをコピペ元として、ブロック・エディタ Gutenberg でコピー編集したページが存在することです。ナビメニュー上に「Gutenberg」というページ名で、ナビメニュー上の最右端に存在します。
上記の画像をクリックして、その Gutenberg ページにリンクが貼ってありますので、直ぐ見れると思います。コピペ元のトップページと比較参照して頂ければ、Elementor と Gutenberg での表現方法の違いが一目瞭然で分かると思います。
現在までで分かっている範囲ですが、以下の３点が Elementor で出来て Gutenberg で出来ない機能かと思います。
１．カラムの設定で、カラムの幅の変更が Gutenbereg で出来ない？
２．アイコンボックスや画像ボックスの機能が Gutenberg に存在しない？
３．開始アニメーション等の動きの制御が Gutenberg には無い？
WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。
製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。
以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。
左のサイトは、WPテーマTwenty Seventeenを使ったLP見本サイトです。
そして右のページは、同じサイトのトップページを「コピペ元」としてブロックエディタ「Gutenberg」で貼り付け編集したページです。
左のElementorページでは、途中、２ツのテーブルをブラグイン「Tablepress」で作成しております。右のGutenbergページでは、「Tablepress」を使用せず、Gutenbergのウジェット「テーブル」を、直接、ブロックに貼り付けて、簡単にテーブルが設定できています。
このテーブル設定に限って、その使い勝手を比較してみると、断然、Gutenbergに軍配を挙げざるを得ません。まだGutenbergを使い始めたばかりで、何も分かっておりませんが、新しい発見をした感じです。
WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。
製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。
以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。