Elementorで変形マウスオーバーボタンを作成

Elementorのボタン・ウジェットより、以下のようなマウスオーバー・ボタンを作成する手順を公開します。左側のボタンがElementorの初期リンクボタンです。
その面白味のないボタンを右側のマウスオーバー・ボタンに変形してみました。
下記の右ボタンの上にマウスを持っていってみて下さい。

将来性、拡張性、10年先にも存在するWordPress

藤心のWordPress塾は、個人レッスン付き制作代行プログラムです。QHM/HAIKは、旧メーカー(北研)が見捨てた絶滅危惧種の古いシステムです。QHM/HAIK⇒WordPressへの移行をご検討中のユーザー様、是非、この機会に当方がお薦めする移行プログラムに便乗してみては如何でしょうか?

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

ELEMENTORでのアニメーション効果とは?

ここで言うアニメーション効果とは、ページ表示の際の画面切替でのアニメーション効果を言っています。画面切替の単位は、セクション、カラム、ウジェット毎で、同じようなアニメーション効果が利用できます。今回は、ウジェット単位でのアニメーション効果の事例を紹介します。

将来性、拡張性、10年先にも存在するWordPress

藤心のWordPress塾は、個人レッスン付き制作代行プログラムです。QHM/HAIKは、旧メーカー(北研)が見捨てた絶滅危惧種の古いシステムです。QHM/HAIK⇒WordPressへの移行をご検討中のユーザー様、是非、この機会に当方がお薦めする移行プログラムに便乗してみては如何でしょうか?

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

横幅の狭いテーマを拡張する伸縮セクションとは?

伸縮セクションとは、セクションの横幅を広げる機能です。
最近のWordPress公式テーマ「Twenty Nineteen」や、その前の「Twenty Seventeen」等のテーマの狭い横幅を拡張して表示する機能です。

但し、拡張する範囲は、特定のセクション単位でセクション毎に設定する煩わしい処理が伴います。その辺を承知の上で使用する分には使える機能かと思います。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

藤心9サイトのポートフォリオとは?

左記の3行3列の画像ボックスで表現される画像イメージは、藤心の9サイトに共通する各サイトのポートフォリオそのものです。

9個の公式サイトの一番目(最上段最左端)が「藤心WordPress塾」を意味し、9番目(最下段最右端)が「開発実績一覧」を意味します。

そして9個の画像ボックスの何れかをクリックすると、以前は各サイトのトップページにリンクするイメージだったのですが、今回、そのリンク仕様を変更しました。

即ち、トップページへのリンクから、各ページの「当サイトについて」というサイトの概要を紹介する下層ページへのリンクにリンク先を変更しました。

その方が、サイトの「ポートフォリオ」という意味で単なるトップページへのリンクより、各ページの紹介(下記内容)の方が、より相応しいと思ったからです。

各ページの紹介内容での共通項目

①使用しているWPテーマ
②実装しているノーコードツール
③トップページの仕様イメージ

藤心の制作代行PR用LP2題を紹介します。

Twenty Seventeen
Colorful

本日は、機能は同じながら様式が異なるランディングページ(LP)2題を紹介します。この場合の様式とは、WordPresのテンプレートを意味しています。

上記の左側がテンプレート「Twenty Seventeen」を、そして右側がテンプレート「Colorful」で作成されたLP仕様のWordPressサイトになっています。同じランディングページとは言え、見た目がかなり違っていると思います。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

画像でなくてElementorの機能だけでキャッチコピーを作る優れ技!

Elementorを長い間使用していて、今の今まで気が付かなかった機能を、つい最近発見しましたので、ご紹介します。その機能とは、キャッチコピーを画像を使用せず、Elementorの見出しウジェット機能のみで作成する事例になります。

Elementor操作を教えることに特化した塾です。

e工房フジサキは、WordPressのプラグイン「Elementor」を個人レッスンを通じてレクチャーして行くこと。即ち、「Elementor」の普及活動を、最大で且つ最終目標とした活動を続けて行けたら幸いと考えております。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

Elementor特有の画像編集について

当方のElementorユーザー支援サイトで「ELEMENTORの画像表現」という画像関連のページを掲載しております。Elementorでページに画像を挿入する際、リンク先の設定で3タイプの画像表現があるとの内容でした。

今回は、更に画像編集絡み深掘りする意味で「Elementor特有の画像編集」と言うページを作成してみましたので公開いたします。

ELEMENTORの原点は、セクション操作に尽きる?

LEMENTORを使いこなす上で最も重要な課題の一つがセクションと呼ばれる領域設定になると思います。ELEMENTORを起動して最初にやることが、セクション(領域)の設定です。

一つのセクション(領域)を設定すると、カラムと呼ばれる段組みも同時にセクション内に作成されます。段組の段数はセクション設定時に複数の段組みを設定することができますが、通常は「1セクション=1カラム」がデフォルト設定として最低でも1段の段組みがセクション内に作成されます。

次に設定すべき項目がウジェット(要素)と呼ばれる部品を挿入すべきウジェット(要素)の設定です。要するにELEMENTORの基本は、セクション、カラム、ウジェットの3つのエレメント(要素)の操作から成り立っていると言っても過言ではありません。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

Elementorの「ページ設定」機能とは?

Elementorの要素ボックス欄(左側)の最下段の左端にある歯車のアイコンにオンマウスすると「設定」と表示されます。その「設定」とは何か? 本日は、普段、気が付かないで通り過ごしていた「ページ設定」の話です。

Elementorには、セクション、カラム(段組み)、ウジェットの3ツの要素(Element)があり、各要素の機能を知らなければElementorを使いこなせないと、筆者は、ことある毎に言い続けていましたが、実は、4番目の要素(Element)があるのです。

それが「ページ設定」と言う要素で、セクション(領域)を設定する以前の機能があります。筆者も普段は殆ど使ったことはありませんし、その存在すら最近になって知ったくらいの新しい機能と言っても良いかも知れません。

その「ページ設定」ボタンを押すと、先ずは左側画面のような「ページ設定」という見出しがついた画面が表示され、その中の「設定」タブ~一般設定でアイキャッチ画像等を設定します。

 

 

次に「スタイル」タブ~本文のスタイルで、ページの背景に画像等を設定したりします(右側画面)

いくら言葉で説明しても中々イメージは掴みにくいかと思います。
「ページ設定」でページ編集したページを、実際に、ご覧頂いた方がお分かり頂けるかと思い、ページの背景に2色のグラデーションを配置した例と、画像を配置した2例を紹介します。

背景に2色のグラデーション
背景に画像を配置

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

アイコンボックスとは、ELEMENTORでのキャッチコピーそのもの!

アイコンボックスとは、Elementorのウジェットの中の「アイコン」と「見出し」と「テキスト・エディタ」を1セットにしたウジェットのことを意味します。
下記の点線で囲われたアイコンボックス3つが、WordPressでよく使われる3PRと呼ばれるキャッチコピーの例です。

シンプル&高汎用

ライトニングはシンプルで カスタマイズしやすいWordPressテーマです。 抜群の拡張性でビジネスサイトにもブログにもオールラウンドに対応します。

豊富で強力な機能

同時開発されたプラグイン「VK All in One Expansion Unit (無料)」を使用する事により、様々な機能や豊富なウィジェットを利用する事ができます。

驚くほど簡単

Lightning にはビジネスサイトを簡単に作るための様々な工夫がしてあります。Lightning の使い易さを是非体験してください。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。