カラム編集で画像を垂直方向に整列

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

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

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

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

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

フリップ・ボックスとは?

フリップ・ボックスとは、オンマウスすると画像が反転したり、拡大したりするElementorのEssential Addonsの拡張機能です。 画像にオンマウスしてみれば、すぐ分かります。その画像反転も左右で反転するケース、上下で反転するケースといろいる有るみたいです。 機能は分かりましたけど、何に使えるのかイマイチよく分かりません。ただそれだけと言った感じですね。

WordPressの導入をサポートする藤心WordPress塾

藤心WordPress塾は、新しいプラグイン ELEMENTOR によるページ編集を全面的に導入し、WordPress 初心者にも易しく丁寧に WordPress の楽しさと素晴らしさを、レクチャーすることをモットーとして活動しております。

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スキルを取得できます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

コーポレートサイトに最適なWPテーマ「Business Press」の紹介です。

   

BusinessPress」は、国産の無料WordPressテーマです。国産という点では、Lightningと同じで親しみが持てます。テーマとしての特徴は、以下になります。

・ヘッダーに電話番号・お問い合わせ・アクセス・SNSリンクなどを表示
・フォントや行間が綺麗(これが最大特徴
・投稿ページの機能も充実
・ブロックエディターでのコンテンツ作成が前提

4番目の特徴で、Elementor志向の筆者には不向きなテーマなのか?。その点を確かめる意味で実際にサイトを作ってみました。まだまだ試作途中の段階ですが公開します。

グリッド・レイアウトを実装したトップページ2例

Elementorユーザー支援
(アイコンボックス)

WordPress試作見本
(画像ボックス)

上記2例の共通仕様は、トップページでグリッド・レイアウトを実装したサイトになっていることです。グリッド・レイアウトとは、ページを複数のカラム(段組)で分割して、各カラムにアイコンボックスや画像ボックスやブログのサムネイル等を配置した表形式イメージのページを意味しています。

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

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

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

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

筆者の熱い思いでWeb制作を継続しています。

当方の運営管理する「e工房フジサキ」は、WordPressに特化したWebサイトの制作代行を志向しております。そしてその熱い思いとは、ご自分のWebサイトをWordPressで作成したいと志向しているWordPress初心者の方のために微力ですがお力になりたいとの思いで活動しております。