WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

1つのCTAに複数のリンク(ボタン)を入れる方法

1つのCTAに複数のリンク(ボタン)を入れる方法

コンバージョンを増やすための「CTA(Call To Action)の設定方法」については以前ご紹介いたしました。

CTAボタンを表示するには通常1つのリンク先に対してそれぞれ画像・ボタン・ボタンのリンク先を設定しますが、(①~⑥)2つ以上のリンク先を表示したいときには ⑦テキストメッセージ 部分にHTMLで使うことで複数ボタンを入れることができます。

通常の設定の場合はこのようになります。

通常の設定▼

通常設定のCTA▼

 

 

 

 

 

 

このCTAに複数ボタンを設置したい場合は下記のように①~⑥は何も設定せずに、
⑦テキストメッセージ欄にHTMLで画像・リンクボタンを記載します。

上記のようにテキストメッセージ欄にテキスト・リンク・画像をHTMLで入力すると下記のような複数のリンクボタンを持つCTAを作成することができます。

 

 

 

 

 

 

ちなみにボタンやテキストを中央寄せにしたい場合は、<div style=”text-align:center”>~</div>で中央寄せにしたい部分を囲みます。<center>~</center>では中央寄せができません。

【無料】フォローアップ&公開講座スタート!

~ セミナー概要 ~
・サイト担当者必見!最新WordPress事情
・これからのスタンダードになるElementorエディタによるWordPressの新しい作り方
・Webサイト制作を受注するときの注意点

新しいWordPress作成のスタンダード!

WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、自分で自由にデザインし、テーマまで作れる2ヶ月講座です。
受講後は、一緒に案件をお願いできる方も募集中!

新着情報

  ピックアップ講座

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  おすすめ画像編集ツール

Canvaバナー
おすすめ画像編集ソフトです。当サイトのアイキャッチ画像やバナー、Instagram用の画像や当サイトのチラシもこちらのCanvaで作っていますよ!無料版で十分です。

 

 カテゴリー
PAGE TOP