WPザ・トールのフッターCTA設定・激むずなCTAエリアのコツ教えます

プロモーションを含むことがあります

WPザ・トールのフッターCTA設定・激むずなCTAエリアのコツを解説しています。

マスト見

アフィンガー６の正直レビュー・どんな「買いのワードプレステーマ」なの？

続きを見る

トールのフッターCTAエリアの設定

 

トールのフッターCTAの全貌

トールのフッターCTAは、call to action ：閲覧者の行動を呼び起こすエリアです。

以下のように６つからなる要素からなっており、収益UPなどサイトの目的が達成しやすくなっているつくりなのです。

フッターCTAのデモサイト

トールのCTAエリアは、かっこよく決まるとユーザーにアクションを促しやすくなりますが…

実はかなり難易度が高い

です。

これについてCTAエリアの設定のコツをお伝えして行きます。

①・②激ムズなアイキャッチ画像と背景画像について

一番難しいのは、背景画像とアイキャッチです。画像の組み合わせによってはCTAエリアがかなり残念な状態になってしまうのでご注意を。

私の検証では、背景画像とアイキャッチの横幅の割合は以下の通りになっています。

背景画像：アイキャッチ＝6：4

私が背景画像とアイキャッチをいろいろ組み合わせていたところ、かなりダサい組み合わせになってしまうパターンもありました。

やってみるとかなり難易度が高い設定だし、究極背景画像だけでも成り立つので、アイキャッチ画像なしでも構わないと思います。(アイキャッチはクリックできる類のものでもないので)

 

③・④見出しと本文の入力

背景画像とアイキャッチが決まったらほぼそれで行けるのですが、トールのCTAエリアの設定を難しくさせるのは見出しと本文の入力です。

下のように見出しと本文の位置は左寄り上部に固定されており、しかも文字色は白なので、この位置と色が成り立つ背景画像にするのが前提となります。

上の文字の位置あたりが画像がごちゃごちゃして文字が見えにくくなるパターンもあるはずです。これを想定して背景画像を選ぶ必要があります。

これは、サイトのイメージやテイストに合わせて画像を選ぶしかないです。

 

⑤・⑥ボタンリンクテキストとボタンリンクURL

トールのCTAエリアは見出しと本文の直下に、リンクボタンとリンクテキストが配置されるようになっています。

リンク先のURLは、メルマガ登録フォームページなどにしておけばいいのではないでしょうか

画像のマスクの選択

トールのCTAエリアの背景画像には、以下のようなマスクがかけられるようになっています。

 

▼ブラックメッシュ

▼ブラック

▼カラー

▼カラー+画像グレー

トールのCTAエリアの設定は以上で完了です。

【背景画像とアイキャッチ】と【見出しと本文の位置と白文字】の相性によるところが大きく、これが決まればほかの要素は難易度高くありません。

いろいろ試してかっこいいCTAエリアにしてみてくださいね。

人気ワードプレステーマ・トールとアフィンガー６を比較して収益性をUP！

トールに並ぶ人気ワードプレステーマアフィンガー６の場合は、トールにはない機能が膨大にあり、サイト運営者の収益性をUPさせる最強ツールです。

よかったら下記も参考にしてみてくださいね。

アフィンガー6とトールを比較・本当に正直すぎる「どっちがいい談」

続きを見る

お問合せ

*は必須項目です *お名前またはニックネーム *メールアドレス (確認用) *お問合せ(文字数制限なし) Powered by FormMailer.

iCloud・ドコモなどキャリアメールアドレスのお問い合わせは高確率で文字化けします。