Elementorのボタンウィジェットの使い方

Elementorのボタンウィジェットでできること

Elementorのボタンウィジェットでは、お客さんを別のページに飛ばしたいとか、同一ページ内の他のセクションにスクロール（ページ内スクロール）して飛ばすことができます。

【限定】Elementorの使い方を動画で網羅的に学びませんか？こちらから無料でコースを受講できます。

コンテンツのボタン設定

ここからは、「コンテンツ」にある「ボタン」の設定をご紹介していきます。

タイプ

デフォルト
情報
成功
警告
危険

「タイプ」では、ボタンのタイプを選ぶことができます。「デフォルト」、「情報」、「成功」、「警告」、「危険」の5つのタイプがあります。しかし、色が変わるだけで、ほとんど意味がありません。なので、デフォルトのままでもOKです。

テキスト

ボタンのテキストは、デフォルトでは「ここをクリック」になっています。でも、ボタンを設置するということは、訪問者に何かしらのアクションを取ってもらいたいはずです。なので、クリックしたくなるような文言にしましょう。例えば、「割引価格で受講する！」みたいな感じです。

リンク

「リンク」には、ボタンに埋め込みたいURLを入力します。「リンク」の欄の右にある歯車をクリックすると、

新しいウィンドウで開く
Nofollowを追加

というものが表示されます。「新しいウィンドウで開く」にチェックを入れると、ボタンを設置しているページを表示させたまま、新規のウィンドウでリンク先のページを表示してくれます。「Nofollow」にチェックを入れると、ロボットに入れたリンクをクロールされなくなります。

配置

「配置」では、ボタンの位置を変更することができます。デフォルトだと左に寄っていますので、真ん中に寄せると良いのかなと思います。また、一番右にある配置ボタンは「均等割付」というもので、ボタンがウィジェットの幅いっぱいに広がります。

サイズ

微小
小
中
大
特大

ボタンのサイズは、5種類あります。好きなサイズを選びましょう。

アイコン

「アイコン」では、ボタンにアイコンつけることができます。最近アップデートがあって、「Icon Library」と「Upload SVG」というのがあります。「Icon Library」では、Elementorで用意されているアイコンを選択できます。「Upload SVG」では、SVGファイルをアップロードすることで、そのアイコンを使用できるようになります。