sakasai– Author –

過日のアイコンボックスに続いて、Elementorのセットウジェットの一つに「画像ボックス」があります。 「画像ボックス」は、「画像」+「見出し」＋「テキスト文書」の３つのウジェットをまとめて設定できるセットウジェットです。 今回、「Lighthouseで作...

https://fujisaki.xyz/ SWELLで作成したフルワイドの実装例 Lighthouseで作成したカバーブロックの実装例 上記の2ツのサイトの共通点は、背景固定画像を所どころに配した一見するとLPページにも見える今流行りのWordPressページになっていると思います。た...

藤心WordPress塾のPRページは、WordPressの公式テーマTwenty Nineteenで作られています。公式テーマTwenty Nineteenは、完全にスマフォ対応のレスポンシブデザインを踏襲しております。 そのデザイン的な特徴を以下に纏めてみました。 サイドバーが存在し...

SWELLページの２ページ目「新しい制作代行プラン」のページでは、キャプション・ボックスというブロックを実装しています。（上記の左側ページ）それに対して、Elementorのアイコン・ボックスは、「Elementor支援サイト」のトップページでアイコン・ボック...

HAIK⇒WordPressに移行してから、暫く放っておいていた「WordPress試作見本サイト」ですが、今回、コンテンツの充実を図り、トップページの大幅な刷新を試みました。 そのトップページは、３列７行のグリットレイアウト形式のコンテンツメニューとなり、一...

左のサイトは、WordPressテーマ：Astraの初心者用に作られたスターターテンプレート「クリスティーナのメイクアップスタジオ」で作成された見本ページです。 そのトップページのアイキャッチ画像の直下にある以降の画像に目が釘ずけになりました。４人の女...

左のサイトは、WordPressテーマ：Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。 そのトップページの最下段の見出し「Happy Faces of Happy Students」にある以降の画像に目が釘ずけになりました。...

What is this？ ⇒ これは「イメージ・アコーディオン」の事例です。 上記のウジェットは、Elementorの必須アドオン29種の一つ「イメージ・アコーディオン」の事例紹介になります。 従来のアコーディオンは、テキスト文をクリックして開かれる下層のテキス...

画像を円形にトリミングするには、通常はイラストレータ等の画像編集ツールを使って、予め画像加工した後、HPにアップロードするのが普通のやり方です。本日は、CSSとHTMLで直接画面に貼り付ける方法がありますので紹介します。 詳細はコチラです。 Elemen...

当方の制作代行「e工房フジサキ」では、現在、WordPress講座を開催しています。そのベースとなっているエディタツールがプラグイン「ELEMENTOR」です。 「ELEMENTOR」は、HTMLやCSS等の難しい言語を知らなくてもノーコード或いはコードレスな編集を可能と...

Elementorに「Motion Effects」という機能が大幅に改善されて新しく登場しました。それまでは「開始アニメーション」という名前で既にあった機能ですが、つい最近のアップグレードで「Motion Effects」とい言う名前で再登場した次第です。 そもそも「Motio...

ELEMENTORのページ編集でセクションを作成する時、「Inner Section」で同一セクションとするか、または「新しいセクションの追加」で別セクションにするかは、後々、大きな違いとなって現れてきます。 今回は、何故「Inner Section」が存在する理由が分か...