-
垂直整列画像にモーション効果を設定してみました
左のサイトは、WordPressテーマ：Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。 そのトップページの最下段の見出し「Happy Faces of Happy Students」にある以降の画像に目が釘ずけになりました。... -
「イメージ・アコーディオン」の事例紹介です。
What is this？ ⇒ これは「イメージ・アコーディオン」の事例です。 上記のウジェットは、Elementorの必須アドオン29種の一つ「イメージ・アコーディオン」の事例紹介になります。 従来のアコーディオンは、テキスト文をクリックして開かれる下層のテキス... -
CSSで画像を円形に切り抜く
画像を円形にトリミングするには、通常はイラストレータ等の画像編集ツールを使って、予め画像加工した後、HPにアップロードするのが普通のやり方です。本日は、CSSとHTMLで直接画面に貼り付ける方法がありますので紹介します。 詳細はコチラです。 Elemen... -
ELEMENTORの存在がWordPress講座を実現するきっかけとなりました。
当方の制作代行「e工房フジサキ」では、現在、WordPress講座を開催しています。そのベースとなっているエディタツールがプラグイン「ELEMENTOR」です。 「ELEMENTOR」は、HTMLやCSS等の難しい言語を知らなくてもノーコード或いはコードレスな編集を可能と... -
「左からFade In Left」、「右からFade In Right」
Elementorに「Motion Effects」という機能が大幅に改善されて新しく登場しました。それまでは「開始アニメーション」という名前で既にあった機能ですが、つい最近のアップグレードで「Motion Effects」とい言う名前で再登場した次第です。 そもそも「Motio... -
セクションの更なる深掘り「同一セクションにする意味とは？」
ELEMENTORのページ編集でセクションを作成する時、「Inner Section」で同一セクションとするか、または「新しいセクションの追加」で別セクションにするかは、後々、大きな違いとなって現れてきます。 今回は、何故「Inner Section」が存在する理由が分か... -
当方の制作代行では「Contact Form 7」を使用していますが・・・
現在、当方の制作代行「e工房フジサキ」のWordPress講座では、メールフォームとして「Contact Fome ７」をレクチャーしておりますが、実は「Contact Fome ７」だけがメールフォームではありません。 筆者は実際に「Contact Fome ７」を使った経験から、そ... -
Elementorの無料テンプレートで作るテンプレー紹介ページです。
Elementorには、現段階で31種の無料テンプレートがあります。筆者の場合の無料テンプレートの利用方法は、テンプレートを見ることで、Elementorのウジェット機能の大凡が分かるようになります。 例えば、気になるウジェットがあれば、そのテンプレートを自... -
GIFアニメーション VS オンマウス画像
１羽のチョウチョだけが羽ばたいていて、他は微動だにしない。言ってみれば現実にはありえない画像です。 こちらも現実にはありえない画像で、電車が永遠に動いています。 上記は、最近、見つけたGIFアニメーションです。GIFアニメーションは、拡張子 gif ... -
もう一つのサーバー移転のお薦め記事です。
先日の記事「俺流WPサーバー移転手順」では、FTPツールを使用した移転処理を紹介しましたが、実は、もうひとつのお薦めする移転方法・手順がありますので、これも紹介したいと思います。それはプラグイン「All-in-One WP Migration」を使ったサーバー移転... -
セクション設定の中の「シェイプ区切り」とは？
「シェイプ区切り」実装ページは、コチラで確認できます。 Elementorのセクション編集の中に「シェイプ区切り」という項目があります。「シェイプ区切り」とは、一体、何なのか今まで分かりませんでしたが、ひょんなことから分かるキッカケを得ることがあ... -
Twenty Nineteen ＋ ELEMENTOR で LP もどきページです。
2019年11月に公開されたWordPressの新しいデザインテーマ「Twenty Nineteen」ですが、通常でしたら「Gutenberg」と言う新エディタでページ編集するのですが、筆者はへそ曲がりと言うか拘りが強いのか、例によって「Elementor」でページ編集してみま...
