-
アコーディオン表示で Elementor VS Gutenberg
Elementorでアコーディオン ブロックエディタでアコーディオン 上記の２サイトの該当ページは、アコーディオン機能を実装した事例になります。左側は、Elementorで作成したFAQページですが、中身はアコーディオン・ウジェットで作成されています。右側のブ... -
SWELLのステップ・ブロックとは、「〇〇の流れ」みたいなもの？
制作代行の流れ（SWELL） 制作代行の流れ（Elementor） SWELLのステップ・ブロックとは、物の流れや操作手順などを表す表現方法の場で良く使われる機能をブロックにしたものです。上記の左側がSWELLの専用ブロック「ステップ」を実装したページです。右側... -
グリッド・レイアウトを実装したトップページ３例
Elementorユーザー支援（アイコンボックス） WordPress試作見本（画像ボックス） 藤心関連最新ニュース（サムネイル画像） 上記３例の共通仕様は、トップページでグリッド・レイアウトを実装したサイトになっていることです。グリッド・レイアウトとは、ペ... -
グリッド・レイアウトは、究極のスマフォ対応（レスポンシブ）
That's Elmentor! 試作見本サイト e工房フジサキ 開発実績一覧紹介 上記４例の共通仕様は、トップページでグリッド・レイアウトを実装したサイトになっていることです。グリッド・レイアウトとは、ページを複数のカラム（段組）で分割して、各カラムにアイ... -
サイトマップを作成して公開しました。
サイトマップを作成するプラグインとして「PS Auto Sitemap」が有名ですが、所謂、プラグイン「Google XLM Sitemaps」は Googleサーチコンソールに設定するサイトマップで、「PS Auto Sitemap」とは区別して使用しなければなりません。 今回、その「PS Aut... -
アイコンボックスと画像ボックスを１ページに収めてみました。
過日のアイコンボックスに続いて、Elementorのセットウジェットの一つに「画像ボックス」があります。 「画像ボックス」は、「画像」+「見出し」＋「テキスト文書」の３つのウジェットをまとめて設定できるセットウジェットです。 今回、「Lighthouseで作... -
SWELLのフルワイド・ブロック VS カバー・ブロック
https://fujisaki.xyz/ SWELLで作成したフルワイドの実装例 Lighthouseで作成したカバーブロックの実装例 上記の2ツのサイトの共通点は、背景固定画像を所どころに配した一見するとLPページにも見える今流行りのWordPressページになっていると思います。た... -
Twenty Nineteen ＋ Elementor で作るWordPress塾PRページ
藤心WordPress塾のPRページは、WordPressの公式テーマTwenty Nineteenで作られています。公式テーマTwenty Nineteenは、完全にスマフォ対応のレスポンシブデザインを踏襲しております。 そのデザイン的な特徴を以下に纏めてみました。 サイドバーが存在し... -
SWELLのキャプション・ボックスはElementorのアイコンボックス？
SWELLページの２ページ目「新しい制作代行プラン」のページでは、キャプション・ボックスというブロックを実装しています。（上記の左側ページ）それに対して、Elementorのアイコン・ボックスは、「Elementor支援サイト」のトップページでアイコン・ボック... -
WordPress試作見本ページを大幅に刷新しました。
HAIK⇒WordPressに移行してから、暫く放っておいていた「WordPress試作見本サイト」ですが、今回、コンテンツの充実を図り、トップページの大幅な刷新を試みました。 そのトップページは、３列７行のグリットレイアウト形式のコンテンツメニューとなり、一... -
背景画像にモーション効果を設定してみました
左のサイトは、WordPressテーマ：Astraの初心者用に作られたスターターテンプレート「クリスティーナのメイクアップスタジオ」で作成された見本ページです。 そのトップページのアイキャッチ画像の直下にある以降の画像に目が釘ずけになりました。４人の女... -
垂直整列画像にモーション効果を設定してみました
左のサイトは、WordPressテーマ：Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。 そのトップページの最下段の見出し「Happy Faces of Happy Students」にある以降の画像に目が釘ずけになりました。...
