-
グリッド・レイアウトは、究極のスマフォ対応（レスポンシブ）
That's Elmentor! 試作見本サイト e工房フジサキ 開発実績一覧紹介 上記４例の共通仕様は、トップページでグリッド・レイアウトを実装したサイトになっていることです。グリッド・レイアウトとは、ページを複数のカラム（段組）で分割して、各カラムにアイ... -
70ページのビッグサイトのWordPress移行にチャレンジ！
今から３～４年前の2019年５月、大阪市で建設資材の販売及びレンタル事業を経営されている某企業さまから「QHM⇒WordPressへの移行」のご依頼を受けました。総ページ数70ページのビッグサイトで当方の能力を遥かに超える作業量でした。 全ページElementorを... -
グリッド・レイアウトを実装したトップページ３例
Elementorユーザー支援（アイコンボックス） WordPress試作見本（画像ボックス） 藤心関連最新ニュース（サムネイル画像） 上記３例の共通仕様は、トップページでグリッド・レイアウトを実装したサイトになっていることです。グリッド・レイアウトとは、ペ... -
アコーディオン表示で Elementor VS Gutenberg
Elementorでアコーディオン ブロックエディタでアコーディオン 上記の２サイトの該当ページは、アコーディオン機能を実装した事例になります。左側は、Elementorで作成したFAQページですが、中身はアコーディオン・ウジェットで作成されています。右側のブ... -
ヒアリング・シートでイメージ・アコーディオンを実装
イメージ・アコーディオンとは、WordPressのElementorで実装可能な新しいアコーディオン機能です。アコーディオンと言うとHAIK等では、テキスト文書をクリックして開かれる下層のテキスト表示が一般的ですが、イメージ・アコーディオンは画像をオンマウス... -
Elementor VS Gutenberg with Lightningテーマ
Elementor使用のLightning 脱ElementorのLightning 上記の２サイトは、何れもWPテーマ「Lightning」で作成された見本ページです。ただ、使用しているページ編集エディタが異なります。左側は、Elementorを実装して、全ページElementor仕様のサイトになって... -
フルワイド・ブロックで背景色付きの見出し設定とは？
フルワイド・ブロックを使用した見出し設定には、通常は背景画像を使うケースが主流ですが、画像ではなくて背景色を使う場合もあると思います。今回は、見出し設定に単なる背景色を使った事例を紹介します。尚、背景画像を使う場合に、背景固定というオプ... -
SWELLのFAQブロックとは、所謂、「良くある質問」ページです。
Elementorの「良くある質問」 SWELLのFAQブロック SWELLのFAQブロックは、Webサイトの「良くある質問と回答」ページに相当するページを編集する時に使用されるブロックになります。 上記の左側ページが、Elementorで編集した「良くある質問」ページです。... -
SWELLのステップ・ブロックとは、「〇〇の流れ」みたいなもの？
制作代行の流れ（SWELL） 制作代行の流れ（Elementor） SWELLのステップ・ブロックとは、物の流れや操作手順などを表す表現方法の場で良く使われる機能をブロックにしたものです。上記の左側がSWELLの専用ブロック「ステップ」を実装したページです。右側... -
Elementorで設定可能なアイコンを一覧表示してみました。
これでアイコンが探しやすくなった！ Elementor環境でアイコンを設定する場面では、例えば「アイコンボックス」などのウジェット等で使用されますが、その際、どのアイコンを選ぶかが悩みの種となっています。 要するに、アイコンの絵柄とアイコンの名称（... -
サイトマップを作成して公開しました。
サイトマップを作成するプラグインとして「PS Auto Sitemap」が有名ですが、所謂、プラグイン「Google XLM Sitemaps」は Googleサーチコンソールに設定するサイトマップで、「PS Auto Sitemap」とは区別して使用しなければなりません。 今回、その「PS Aut... -
ELEMENTORの画像編集にカスタムCSSを実装！
WordPressのELEMENTOR編集で、CSSをカスタマイズする機能を導入して、オンマウス画像の変形処理を取り入れてみた事例です。元々あった段組みネストのELEMENTORページに、今回、カスタムCSS機能を使い、オンマウスした時に画像がちょっと拡大変形する機能を...
