ポスト・グリッド・メニューと固定ページ一覧の関係性は?

旧のトップページは?
固定ページ一覧でした。
現在のトップページは?
ポスト・グリッド・メニューです。

上記の2サイトの右側ページが、当サイトのトップページです。そのトップページの基本仕様は、ポスト・グリッド・メニューと呼ばれる投稿記事一覧表示が、最近の記事一覧として自動表示されています。つい最近、そのようなメニューに変更しました。

そして、上記の左側ページが、変更前の旧トップページです。その基本仕様は、投稿記事一覧ではなくて、サイト内の主な固定ページをグリッド・メニュー形式で表示したメニューとなっていました。

即ち、旧トップページは固定ページ一覧で、新トップページは投稿記事一覧であることの根本的な違いがありました。現在のトップページの投稿記事一覧は、ブログ記事を追加する度に記事一覧が自動的に更新されます。

記事一覧を自動作成する機能は、Elementorの拡張機能の「Post Grid」というウジェットを使って実現できます。投稿記事を書いて投稿する度に記事一覧が更新されます。即ちトップページも自動的に更新されるのです。

旧トップページでは、メニューに載せる固定ページを作成してグリッド・メニューに追加する手間が発生していました。新トップページでは、投稿記事を投稿するだけで、投稿一覧が自動的に作成されます。

ブログ型のトップページには、極めて優れたページ更新方法になります。ブログ作成を志向するユーザー様には、是非、このポスト・グリッド・メニューを実装することをお薦めします。

ブログページのトップは「ポスト・グリッド・メニュー」です。

Elementorに存在するポスト・グリッド(Post Grid)と言う素晴らしい機能を紹介します。 下記のボタンの何れかをクリックしても、そのポスト・グリッドが実装されたページに辿り着くことになります。

ポスト・グリッド(Post Grid)とは、ElementorのEssential Addon の中にあるポスト・グリッド(Post Grid)ウジェットを意味する投稿記事や固定ページの一覧表を表示する機能です。そのページ一覧表は、所謂、ブログページが存在するブログサイト等で、その存在価値が発揮されます。

前記の各リンクボタン押下で表示されるページは、下記のブログサイトのトップページになります。即ち、藤心関連のブログサイトの各トップは、ポスト・グリッド形式の記事一覧となっていることが、ご理解頂けると思います。
・Elementorユーザー支援サイト
・e工房フジサキ
・藤心ステーション

今更、「始めまして」でもないのかも?

(e)工房フジサキの「始めまして」のページは、つい最近作成して公開したページです。 本来なら、(e)工房フジサキを公開した最初の頃に作成公開すべきページだったのですが、 忘れていた訳でもないのですが、ページそのものを作成しておりませんでした。

「始めまして」の内容そのものは、元々、既に作成してあった(e)工房フジサキの「当サイトについて」に 近い内容のページでした。ただ、「当サイトについて」は、(e)工房フジサキの画面遷移に関する 内容が主なテーマで、「始めまして」的な自己紹介的な内容とは、ほど遠い内容でした。

ここは自己紹介に始まり、WordPressに特化し、Elementorを実装した経緯を説明する 「始めまして」的なページを作成する必要性を感じて、このようになりました。

カラム(段組)の背景画像

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

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

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

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

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

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

ポスト・グリッド実装でのトップページの大幅改変へ!

改編前のトップページ
改編後のトップページ

つい最近、当サイトのトップページを大幅に改編しました。どにように改編したのか簡単に説明致します。改編前のトップページは、トップページ以下の主だった固定ページを一覧紹介するグリッドメニュー形式のページでした。

それに対して改編後のトップページは、Essential Addon のポスト・グリッドで作成する投稿記事の一覧紹介ページとなりました。要するに固定ページの一覧紹介から投稿記事の一覧紹介に内容変更されたと言うことです。

何故、そのような改編をしたのか? 1にも2にも Essential Addon のポスト・グリッド機能に心を奪われたことで、広くElementorユーザー様に、そのポスト・グリッド機能を紹介する意味で、そのようにしました。

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で編集」というテキストリンクが表示されていると思います。

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

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

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

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

画像ギャラリーの隠れた裏技?

画像を並べてページにアップロードする時、画像ギャラリー機能でアップロードすると、レスポンシブモードでスマフォ・イメージの閲覧結果が、通常の縦n段形式とは異なる表示結果になることが、意外と知られていない常識となります。

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

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

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

Xサーバーでの新サーバーへの移行サービス!

Xサーバーでの新しいサービスの一つに「新サーバー簡単移行」というサービスがあるのを、つい最近気が付きました。その歌い文句に「従来の3倍以上の性能に!。さらなる超速化でサーバー速度は業界ナンバー1へ!」と言うことで本当にそうなのか? 耳を疑うようなキャッチコピーにどうしたものかと思案に暮れていました。

当方のサイトは全て「Xサーバー」に変えました。

筆者のサーバーは、2017年よりXサーバーを使い始めました。それ以後、ロリポップとの併用使用となっていましたが、2020年4月のロリポップとの契約更新をせず、以後は、Xサーバーだけでの運用となったわけです。

ロリポップより分かり易い「Xサーバー」

スクロール・エフェクトとは?

スクロール・エフェクトとは、LPのような縦に長いページをスクロールした場合に、画面上に現れる画面の動きを総称してスクロール・エフェクト(効果)と言います。

ELEMENTORで作成したページでは、そのスクロール・エフェクトを簡単に設定できます。そしてスクロール効果が設定できる範囲には、大きく3つのタイプがあります。

1.セクション単位の効果
2.段組(カラム)単位の効果
3.ウジェット単位の効果

この3タイプの効果は、ELEMENTORの3つの領域に関連した効果の範囲を現しています。即ち、領域がセクションだったらセクション単位のスクロール効果になり、領域が段組だったら段組単位のスルロール効果になり、領域がウジェットだったらウジェット単位のスルロール効果になります。

一番狭い領域のウジェット単位のスクロール効果の例ですが、例えば一枚の画像を表示する際のスクロール効果などが思いつきます。単に画像を上からのフェードインなどで画像表示させる例などが考えられます。

今回は、セクション単位のスクロール効果と段組単位のスクロール効果の例を以下に示してみました。下記の左側の例がセクション単位のスクロール効果で、右側が段組単位のスクロール効果の例となっています。

その違いを実際のページで実感して下さい。ELEMENTORの画面表現のほんの一部に過ぎませんが、まだまだ筆者にも分からないELEMENTORの奥の深さを体験できるでしょう。

セクション単位の効果
段組(カラム)単位の効果

将来性、拡張性、10年先にも存在するWordPress

藤心のWordPress塾は、個人レッスン付き制作代行プログラムです。QHM/HAIKは、旧メーカー(北研)が見捨てた絶滅危惧種の古いシステムです。QHM/HAIK⇒WordPressへの移行をご検討中のユーザー様、是非、この機会に当方がお薦めする移行プログラムに便乗してみては如何でしょうか?

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