Hello Elementor で作るLP見本3兄弟!

今一番Elementorとの相性の良いWPテーマ「Hello Elementor」を
実装したWordPressサイトが上記の3サイトです。
 
その3サイトの共通点を挙げてみました。 
1.WPテーマとしてHello-Elementorが実装されている。 
2.当然のことながらテキストエディターにはElementorが実装されている。 
3.WPテーマの特徴としてサイドバー無しの1カラムとなっている。 
4.即ち、クラシック・ウジェット等のウジェットの設定が皆無。

HelloがElementorに極めて相性が良いWPテーマなのは、Helloを作っている企業がElementor社なのです。從って、Elementorを実装するならHelloをWPテーマに選択するのが当然のことなのです。

WPテーマHelloを見るもう一つのアプローチ?

当サイトのナビメニューに「フィルタ・ギャラリー」というメニューがあります。
そのギャラリーは藤心で作成した自社HP見本を一同に集めて紹介するページです。

そのフィルタとして「Helloテーマ」を選択すると前記で紹介したHelloテーマ3兄弟が、
検索結果として再現されます。

Elementor VS Gutenberg with Lightningテーマ

Elementor使用のLightning

脱ElementorのLightning

上記の2サイトは、何れもWPテーマ「Lightning」で作成された見本ページです。
ただ、使用しているページ編集エディタが異なります。

左側は、Elementorを実装して、全ページElementor仕様のサイトになっております。
それに対して、右側は、脱Elementor即ちElementorを一切使用しておらず、ブロックエディタ:Gutenbergを使用したページ作りをしております。サイトの中身は、ほぼ同じ内容になっています。

作成者として、どちらが作成しやすかったかと言うと、左側のElementorサイトでした。
Elementorは使い勝手面からブロックエディタより断然作成し易いのは事実ですが、今回、ブロックエディタに慣れる意味で、Elementorの作成工数の倍の時間と手間をかけてのブロックエディタへのチャレンジ結果でした。

SWELLのFAQブロックとは、所謂、「良くある質問」ページです。

Elementorの「良くある質問」

SWELLのFAQブロック問」

SWELLのFAQブロックは、Webサイトの「良くある質問と回答」ページに相当するページを編集する時に使用されるブロックになります。

上記の左側ページが、Elementorで編集した「良くある質問」ページです。
右側ページがSWELLのFAQブロックで編集した「良くある質問」ページになります。
SWELLのFAQブロックの方が多彩なデザインでバリエーション豊かな表現になっていると思います。

フルワイド・ブロックで背景色付きの見出し設定とは?

フルワイド・ブロックを使用した見出し設定には、通常は背景画像を使うケースが主流ですが、画像ではなくて背景色を使う場合もあると思います。今回は、見出し設定に単なる背景色を使った事例を紹介します。
尚、背景画像を使う場合に、背景固定というオプションを良く使いますが、背景画像でなくて背景色設定の場合は、背景固定というオプションは機能しませんので要注意です。

Elementorのフィルター・ギャラリーが凄い!

Elementorのフィルター・ギャラリーとは、画像ギャラリーの一種であることには間違いないのですが、その機能の素晴らしいさを紹介しているページが皆無なのは些か残念なことです。

その機能の詳細を解説します。ギャラリーに画像を登録する際に、フィルターと呼ばれる一種のカテゴリ名を付けて登録します。登録する画像にはページリンクを貼っておきます。

そしてギャラリーを閲覧する際、同じカテゴリに属するフィルターを選択することで、同じカテゴリの画像一覧が閲覧できることになります。論より証拠。先ずは簡単なフィルタ・ギャラリーを体験してみて機能の全体を把握して下さい。

そして、フィルタ・ギャラリーの素晴らしさが分かる実用ページを紹介します。

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

ページ数は5ページ、

納期は5営業日後、

価格は5万円(税別)、

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ページ数は5ページ、

納期は5営業日後、

価格は5万円(税別)、

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

WordPressがインストール出来ない事態が発生した

WordPressがインストール出来なくなった原因は、データベースのユーザー数が50件オーバーという思っても見なかった理由でした。Xサーバーのスタンダード・プランでは、一時期、データベースの数に50件までの制限がありました。

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

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

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

ポートフォリオから見えてくる藤心の公式9サイトの現状

ポートフォリオ・ページ

当方の制作実績と作成済HPを紹介する意味でMyポートフォリオ・ページが、藤心の各サイトに共通ページとして存在します。サイトの数は合計で9サイトあります。何故、9サイトなのか?。サイトの数は、結果的に9サイトになったまでで、意図して9サイトにした訳ではありません。

その9サイトの各サイトの実際の姿は、ポートフォリオ・ページから、ご覧頂けるわけですが、どのようなサイトがあって、サイトの特徴や制作目的等を、まとめて紹介したいと思って、当ページを作成しました。

1.「SWELL」対「Elementor」

当方のWordPressサイトは、元々、Elementorからスタートしました。Elementorを5年以上使用して実際にElementorでお客様のWebサイトを作成してきました。今後、このままElementorを使い続けて良いものか否か疑問に思うようになりました。
実際問題としてElementorでの制作を拒否されるお客様が少なからずいることも事実です。正直言って、自分は、このままElementorを使い続けて行きたと思ってはいるのですが、Elementorを拒否するお客様も理解できます。

藤心SWELL 道場
藤心ステーション
藤心 My Jukebox

2年前頃から有料テーマ「SWELL」を購入して「SWELL」でのWordPressサイトを作り始めてきました。Elementor一辺倒から脱して、Elementor以外の例えば「SWELL」等のブロック・エディタを体験しみて、今後の方向を決めても良いかなと思っております。

そのような状況で、藤心の公式9サイトは「SWELL」サイトが3サイトで、残りの6サイトが「Elementor」サイトとなっております。その「SWELL」3サイトが前記のサイトになります。

WordPressのWPテーマは、無料・有料のテーマが沢山あります。藤心の公式9サイトを、無料・有料で分けてみると、前記の「SWELL」3サイトは有料テーマに分類されます。その3サイトに「賢威」テーマで作成した「e工房フジサキ」のサイトを加えた計4サイト(下記)が有料テーマのサイトになります。

e工房フジサキ
藤心SWELL 道場
藤心ステーション
藤心 My Jukebox

WordPressのトップページに着目すると、「ブログ型HP」か否かが判別されます。即ち、トップページにブログ記事一覧表示があったり、Elementorの「ポスト・グリット」等があれば「ブログ型HP」と判別されます。

下記の4サイトが「ブログ型HP」で、それ以外の5サイトは「非ブログ型HP」でトップページが固定ページで作成されています。

That's Elementorでのポスト・グリッド
藤心ステーションでの最新の投稿
e工房フジサキでのポスト・グリッド
藤心 My Jukeboxでの最新の投稿

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

My ポートフォリオ

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

藤心SWELL道場

VS

一般企業向け見本

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