当方の制作代行では「Contact Form 7」を使用していますが・・・
現在、当方の制作代行「e工房フジサキ」のWordPress講座では、メールフォームとして「Contact Fome 7」をレクチャーしておりますが、実は「Contact Fome 7」だけがメールフォームではありません。 […]
セクションの更なる深掘り「同一セクションにする意味とは?」
ELEMENTORのページ編集でセクションを作成する時、「Inner Section」で同一セクションとするか、または「新しいセクションの追加」で別セクションにするかは、後々、大きな違いとなって現れてきます。 今回は、何 […]
CSSで画像を円形に切り抜く
画像を円形にトリミングするには、通常はイラストレータ等の画像編集ツールを使って、予め画像加工した後、HPにアップロードするのが普通のやり方です。本日は、CSSとHTMLで直接画面に貼り付ける方法がありますので紹介します。 […]
ELEMENTORの存在がWordPress講座を実現するきっかけとなりました。
当方の制作代行「e工房フジサキ」では、現在、WordPress講座を開催しています。そのベースとなっているエディタツールがプラグイン「ELEMENTOR」です。 「ELEMENTOR」は、HTMLやCSS等の難しい言語を […]
「イメージ・アコーディオン」の事例紹介です。
What is this? ⇒ これは「イメージ・アコーディオン」の事例です。 上記のウジェットは、Elementorの必須アドオン29種の一つ「イメージ・アコーディオン」の事例紹介になります。 従来のアコーディオンは、 […]
「左からFade In Left」、「右からFade In Right」
Elementorに「Motion Effects」という機能が大幅に改善されて新しく登場しました。それまでは「開始アニメーション」という名前で既にあった機能ですが、つい最近のアップグレードで「Motion Effect […]
ELEMENTORの画像編集にカスタムCSSを実装!
WordPressのELEMENTOR編集で、CSSをカスタマイズする機能を導入して、オンマウス画像の変形処理を取り入れてみた事例です。元々あった段組みネストのELEMENTORページに、今回、カスタムCSS機能を使い、 […]
Elementorの無料テンプレートで作るテンプレー紹介ページです。
Elementorには、現段階で31種の無料テンプレートがあります。筆者の場合の無料テンプレートの利用方法は、テンプレートを見ることで、Elementorのウジェット機能の大凡が分かるようになります。 例えば、気になるウ […]
3PRに Mortion Effects を設定してみました。
WordPressの「3PR」に Elementor の Mortion Effects を設定してみました。Mortion Effects とは、画面が表示される際、画像やボックス等に動きを加えて視覚的効果を与える操作 […]
カラム編集で画像を垂直方向に整列
左のサイトは、WordPressテーマ:Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。 そのトップページの最下段の見出し「Happy Faces […]
カラム(段組)の背景画像
左のサイトは、WordPressテーマ:Astraの初心者用に作られたスターターテンプレート「クリスティーナのメイクアップスタジオ」で作成された見本ページです。 そのトップページのアイキャッチ画像の直下にある以降の画像に […]
藤心のランディングページ(By Sydney)とは?
Sydney/Shop Sydney/Plumber 上記の2サイトは、全てWordPressテーマのSydneyで作成した見本ページです。Sydneyには、テーマをインストールした後、初心者用にスターターサイトと言うデ […]