【THE THORフッターCTA のカスタマイズ】初心者向けに画像付きで解説

フッターCTA
the thor フッターCTA

 

今回は、THE THOR(ザ・トール)フッターCTAのカスタマイズ方法についてお伝えします。

 

フッターCTA以外のTHE THORのカスタマイズ方法は、こちらにまとめてありますので参考になさってください。

関連記事

初心者さん・THE THORのTOPページをカスタマイズをしたいけど、ここの名前ってなに?・THE THORのTOPページは、なにからカスタマイズすればいい? Chi[…]

トップページカスタマイズ

 

THE THORフッターCTAカスタマイズの手順

 

  • STEP1
    サンプルを見てカスタマイズする内容を決める
  • STEP2
    それぞれのカスタマイズをする
    1.フッターCTAの表示・非表示
    2.フッターCTAの見出し・本文
    3.フッターCTAの画像
    4.フッターCTAのボタン

 

THE THORサポート

当ブログでは、THE THORを購入したけれど「使い方がわからない…」という方のためにカスタマイズサポート・カスタマイズ代行をお受けしています。

これからブログをはじめる方のお悩み相談や、WordPressの相談・設定代行もお気軽にお問い合わせください。

 

THE THORフッターCTAのカスタマイズサンプル

 

フッターCTA表示表示
フッターCTA非表示非表示

 

フッターCTA見出し

 

フッターCTA背景

 

 

【カスタマイズ1】フッターCTAの表示・非表示

 

THE THORフッターCTAは、表示・非表示から選択できます。

 

フッターCTA表示表示
フッターCTA非表示非表示

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ
カスタマイザー 共通エリア
カスタマイザー フッター
カスタマイザー フッター

共通エリア設定>フッタートップエリア設定>フッターCTAの表示設定>フッターCTAを表示するか選択

選択してカスタマイザー公開 をクリック

 

【カスタマイズ2】フッターCTAの見出し・本文

 

THE THORフッターCTAは見出し・本文をカスタマイズすることができます。

 

フッターCTA見出し

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ
カスタマイザー 共通エリア
カスタマイザー フッター
カスタマイザー フッター

共通エリア設定>フッタートップエリア設定>フッターCTAの表示設定>見出しを入力

入力してカスタマイザー公開 をクリック

 

【カスタマイズ3】フッターCTAの画像

 

THE THORフッターCTAの画像は、アイキャッチ・背景をそれぞれをカスタマイズすることができます。

 

フッターCTA背景

 

アイキャッチ画像と背景画像は、それぞれ表示・非表示を選ぶことができます。背景画像を非表示に設定すると、アイキャッチ画像未設定時に表示されるNO IMAGE画像が自動で表示されるようになっています。

 

the thor フッターCTAアイキャッチ+背景表示
the thor フッターCTAアイキャッチ+背景表示
the thor フッターCTAアイキャッチのみ表示
the thor フッターCTAアイキャッチのみ表示
the thor フッターCTA背景のみ表示
the thor フッターCTA背景のみ表示
the thor フッターCTAアイキャッチ+背景非表示
the thor フッターCTAアイキャッチ+背景非表示

 

THE THORフッターCTAの背景画像を指定すると、画像マスクのカスタマイズができるようになります。

 

画像マスクとは、画像に透明度のある色や画像でカバーをかけることです。

 

THE THORの画像マスクは、ブラック・ブラックメッシュ・カラー・カラー+画像グレー・なしの5種類から選ぶことができます。

 

the thor フッターCTAブラック
the thor フッターCTAブラックメッシュ
the thor フッターCTAカラー
the thor フッターCTAカラー+画像グレー
the thor フッターCTAなし

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ
カスタマイザー 共通エリア
カスタマイザー フッター
カスタマイザー フッター

共通エリア設定>フッタートップエリア設定>フッターCTAの表示設定>アイキャッチ画像を登録>背景画像を登録

入力してカスタマイザー公開 をクリック

カラー系のマスクを設定するには「色を選択」をクリック

色の指定は「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力します。

 

ファイルをアップロード
アイキャッチ・背景画像に使う画像を新たに登録するには「画像を変更」をクリック
画像選択

ファイルをアップロードをクリック、ファイルを選択をクリック、画像を選択して選択をクリック

画像選択
選択した画像がダウンロードされてチェックがついているのを確認してから「画像を選択」をクリック

 

【カスタマイズ4】フッターCTAのボタン

 

THE THORフッターCTAのリンクボタンは、カスタマイズすることができます。

 

ボタンテキストとリンク先のURLを入力しないとボタンが表示されない仕組みになっていますので、ご注意ください。

 

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ
カスタマイザー 共通エリア
カスタマイザー フッター
カスタマイザー フッター

共通エリア設定>フッタートップエリア設定>フッターCTAの表示設定>ボタンテキストを入力>ボタンリンク先URLを入力

入力してカスタマイザー公開 をクリック

 

フッターCTAのカスタマイズは完了です。

 


 

おつかれさまでした。

 

以上、【THE THORフッターCTA のカスタマイズ】初心者向けに画像付きで解説でした。

 

ブログ記事を最後まで読んでくれた人は行動を起こしやすいので、最後に位置するCTAは稼ぐブログを作る上で重要です!

 

ぜひ、カスタマイズするようにしてください。

 

わからないことや、ご相談は、お気軽にお声がけくださいね。

 

お問い合わせはこちら

 

お読みいただき、ありがとうございました。

Chiharu