Gutenberg | LightHouseで作る試作見本サイトです

e工房フジサキの制作代行

WP維持更新代行サポート

当サイトのアイコンです。

当ページは、Gutenbergでページ編集しておりますが、
画像ボックスをクリックして表示される下層ページは、
Elementorで作るWP試作見本サイトとなっています。
（下記の画像ボックス内のサムネイルをクリックすると、
Elementorの各ウジェット機能の紹介画面がご覧頂けます）

`当ページは Elementor でなくて、Gutenbergで編集したページとなっています。`

段組設定

段組設定は、Elementorの最も得意とする機能です。即ちセクションを追加して、追加したセクションの中に「Inner Section」を設定する仕様で実装されます。

フォトギャラリー

HAIKのフォトアルバムは、WordPressのElementorのフォトギャラリーと呼ばれる手動のスライドショーと同じ機能になります。

画像カルーセル／ Youtube動画一覧

画像カルーセル

HAIKのスライドショーは、WordPressのElementorでは「画像カルーセル」と呼ばれるスライドショーになります。

YouTube動画一覧

YouTube動画を自分のページに貼り付ける際に、「１ページに沢山のプレイヤーを並べるには？」どうすれば良いのかの解決策です。

オンマウス画像／マウスホバーとは

オンマウス画像

オンマウス画像とは、画像の上にマウスを持って行くと、画像が変形する、所謂、マウスオーバーとも言われる画像設定のことです。

マウスホバーとは

Webの世界で「マウスホバー」という言葉が使われることがありますが、それは「マウスオーバー」のことと同意語であることが分かりました。

動画再生／ Googleマップ

動画再生

Elementorでの動画再生とは、とどのつまりYouTube動画の再生になります。即ちYouTube動画にリンクを張るだけのことになります。

Googleマップ

Elementorで表示されるGoogleマップは、住所を指定するだけで、その住所を中心にしたGoogle地図が自動的に作成されます。

画像のリンク先指定／背景固定化

画像のリンク先指定

HAIKだと、&show とか #colorbox とか #rightbox2 とか #greybox とかの画像表示専用のプラグインで実現できる画像表示が、ELEMENTOR だと画像挿入時のリンク先の設定で、全て望みの画像表現が実現できます。

背景固定化

背景固定とは、ELEMENTORでセクションを設定し、そのセクションの背景に画像を入れて、尚かつ、その画像を固定化することを意味します。その際、背景画像の上に不透明度50%で黒色オーバーレイをかけています。

アニメーション効果／段組ネスト

アニメーション効果

アニメーション効果とは、ページ表示の際の画面切替でのアニメーション効果を言っています。画面切替の単位は、セクション、カラム、ウジェット毎で、同じようなアニメーション効果が利用できます。

段組ネスト

Elementorは、段組ありきのプラグインです。その段組をElementor専用ウジェット「Inner Section」を使用することで、簡単に段組のネスト化が実現できます。

フィルタギャラリー／データテーブル

フィルターギャラリー

フィルター可能ギャラリーに画像を登録する際に、フィルターKeywordを設定して登録すると、画像表示でのフィルタリング表示が可能となる機能です。

データテーブル

WordPressのテーブル（表）を実装するプラグイン「TablePress」とはひと味違ったテーブル（表）の表現方法を実現するEssentialアドインです。

当ページのコピペ元ページは、Elementor ページです。

ご視聴頂きありがとうございました。