2022年– date –
-
SWELL
SWELLのキャプション・ボックスはElementorのアイコンボックス?
SWELLページの2ページ目「新しい制作代行プラン」のページでは、キャプション・ボックスというブロックを実装しています。(上記の左側ページ)それに対して、Elementorのアイコン・ボックスは、「Elementor支援サイト」のトップページでアイコン・ボック... -
SWELL
SWELLのフルワイド・ブロック VS カバー・ブロック
https://fujisaki.xyz/ SWELLで作成したフルワイドの実装例 Lighthouseで作成したカバーブロックの実装例 上記の2ツのサイトの共通点は、背景固定画像を所どころに配した一見するとLPページにも見える今流行りのWordPressページになっていると思います。た... -
デザインテーマ
Twenty Nineteen + Elementor で作るWordPress塾PRページ
藤心WordPress塾のPRページは、WordPressの公式テーマTwenty Nineteenで作られています。公式テーマTwenty Nineteenは、完全にスマフォ対応のレスポンシブデザインを踏襲しております。 【そのデザイン的な特徴を以下に纏めてみました。】 サイドバーが存... -
アイコンボックス
アイコンボックスと画像ボックスを1ページに収めてみました。
過日のアイコンボックスに続いて、Elementorのセットウジェットの一つに「画像ボックス」があります。 「画像ボックス」は、「画像」+「見出し」+「テキスト文書」の3つのウジェットをまとめて設定できるセットウジェットです。 今回、「Lighthouseで作... -
Elementor
Elementorで設定可能なアイコンを一覧表示してみました。
【これでアイコンが探しやすくなった!】 Elementor環境でアイコンを設定する場面では、例えば「アイコンボックス」などのウジェット等で使用されますが、その際、どのアイコンを選ぶかが悩みの種となっています。 要するに、アイコンの絵柄とアイコンの名... -
見本ページ
WordPress試作見本ページを大幅に刷新しました。
HAIK⇒WordPressに移行してから、暫く放っておいていた「WordPress試作見本サイト」ですが、今回、コンテンツの充実を図り、トップページの大幅な刷新を試みました。 そのトップページは、3列7行のグリットレイアウト形式のコンテンツメニューとなり、一... -
プラグイン
サイトマップを作成して公開しました。
サイトマップを作成するプラグインとして「PS Auto Sitemap」が有名ですが、所謂、プラグイン「Google XLM Sitemaps」は Googleサーチコンソールに設定するサイトマップで、「PS Auto Sitemap」とは区別して使用しなければなりません。 今回、その「PS Aut... -
段組
背景画像にモーション効果を設定してみました
左のサイトは、WordPressテーマ:Astraの初心者用に作られたスターターテンプレート「クリスティーナのメイクアップスタジオ」で作成された見本ページです。 そのトップページのアイキャッチ画像の直下にある以降の画像に目が釘ずけになりました。4人の女... -
段組
垂直整列画像にモーション効果を設定してみました
左のサイトは、WordPressテーマ:Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。 そのトップページの最下段の見出し「Happy Faces of Happy Students」にある以降の画像に目が釘ずけになりました。... -
アニメーション
GIFアニメーション VS オンマウス画像
1羽のチョウチョだけが羽ばたいていて、他は微動だにしない。言ってみれば現実にはありえない画像です。 こちらも現実にはありえない画像で、電車が永遠に動いています。 上記は、最近、見つけたGIFアニメーションです。GIFアニメーションは、拡張子 gif ... -
フォーム
当方の制作代行では「Contact Form 7」を使用していますが・・・
現在、当方の制作代行「e工房フジサキ」のWordPress講座では、メールフォームとして「Contact Fome 7」をレクチャーしておりますが、実は「Contact Fome 7」だけがメールフォームではありません。 筆者は実際に「Contact Fome 7」を使った経験から、そ... -
セクション操作
セクションの更なる深掘り「同一セクションにする意味とは?」
ELEMENTORのページ編集でセクションを作成する時、「Inner Section」で同一セクションとするか、または「新しいセクションの追加」で別セクションにするかは、後々、大きな違いとなって現れてきます。 今回は、何故「Inner Section」が存在する理由が分か...