![the thor フッターCTA マスクカラー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAMc.png)
今回は、WordPressテーマ「THE THOR(ザ・トール)」フッターCTAのカスタマイズについてお伝えします。
目次
THE THORでできるフッターCTAのカスタマイズ
THE THORのフッターCTAは、以下のカスタマイズができます。
- フッターCTAの表示・非表示
- フッターCTAの見出し・本文
- フッターCTAの画像
- フッターCTAのボタン
フッターCTAに使う画像をあらかじめ準備してから、作業をすすめてください。
【カスタマイズ1】フッターCTAの表示 / 非表示
THE THORフッターCTAは、表示 / 非表示から選択できます。
![the thor フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA04-1024x963.png)
![the thor フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA02-1024x582.png)
カスタマイザーを開く
- ダッシュボード
- 外観
- カスタマイズ
![ダッシュボード 外観 カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2023/07/DB01-1024x573.png)
フッターCTAの表示 / 非表示
- 共通エリア設定
- フッタートップエリア設定
- フッターCTAの表示設定
- フッターCTAを表示するか選択
- 選択して
をクリック
![カスタマイザー フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA01-1024x708.png)
【カスタマイズ2】フッターCTAの見出し / 本文
THE THORフッターCTAは、見出し / 本文をカスタマイズできます。
![the thor フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA03.png)
カスタマイザーを開く
- ダッシュボード
- 外観
- カスタマイズ
![ダッシュボード 外観 カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2023/07/DB01-1024x573.png)
フッターCTAの表示 / 非表示
- 共通エリア設定
- フッタートップエリア設定
- フッターCTAの表示設定
- 見出しを入力
- 選択して
をクリック
![カスタマイザー フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA01-1024x708.png)
【カスタマイズ3】フッターCTAの画像
THE THORフッターCTAの画像は、アイキャッチ・背景をカスタマイズできます。
![the thor フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA05.png)
アイキャッチ画像と背景画像は、表示 / 非表示を選択できます。
背景画像を非表示にすると、アイキャッチ画像未設定時に表示されるNO IMAGE画像になります。
![the thor フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAe×b02.png)
アイキャッチ+背景表示
![the thor フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAe×b01-702x1024.png)
アイキャッチ+背景表示
![the thor フッターCTA 背景なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAe×none02.png)
アイキャッチのみ表示
![the thor フッターCTA 背景なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAe×none01-702x1024.png)
アイキャッチのみ表示
![the thor フッターCTA 背景あり アイキャッチなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAnone×b02.png)
背景のみ表示
![the thor フッターCTA 背景あり アイキャッチなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAnone×b01-693x1024.png)
背景のみ表示
![the thor フッターCTA 背景あり アイキャッチなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAnone×b02.png)
背景のみ表示
![the thor フッターCTA 背景あり アイキャッチなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAnone×b01-693x1024.png)
背景のみ表示
![the thor フッターCTA アイキャッチなし 背景なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAnone×none02.png)
アイキャッチ+背景非表示
![the thor フッターCTA アイキャッチなし 背景なし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAnone×none01.png)
アイキャッチ+背景非表示
THE THORフッターCTAの背景画像は、画像マスクをなし / ブラック / ブラックメッシュ / カラー / カラー+画像グレーから選択できます。
画像マスクとは、透明度のある色や画像でカバーをかけることです。
![the thor フッターCTA マスクブラック](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAMb.png)
![the thor フッターCTA マスク ブラックメッシュ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAMbm.png)
![the thor フッターCTA マスクカラー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAMc.png)
![the thor フッターCTA マスクカラーグレイ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAMcg.png)
![the thor フッターCTA マスクなし](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTAMnone.png)
カスタマイザーを開く
- ダッシュボード
- 外観
- カスタマイズ
![ダッシュボード 外観 カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2023/07/DB01-1024x573.png)
フッターCTAの画像
- 共通エリア設定
- フッタートップエリア設定
- フッターCTAの表示設定
- アイキャッチ画像を登録
- 背景画像を登録
- 選択して
をクリック
![カスタマイザー フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA01-1024x708.png)
【カスタマイズ4】フッターCTAのボタン
THE THORフッターCTAのリンクボタンは、カスタマイズできます。
ボタンテキストとリンク先のURLを入力しないとボタンが表示されない仕組みになっていますので、ご注意ください。
![the thor フッターCTA リンクボタン](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/CTArink.png)
カスタマイザーを開く
- ダッシュボード
- 外観
- カスタマイズ
![ダッシュボード 外観 カスタマイズ](https://chiharudesign-thethor1.com/wp-content/uploads/2023/07/DB01-1024x573.png)
フッターCTAのボタン
- 共通エリア設定
- フッタートップエリア設定
- フッターCTAの表示設定
- ボタンテキストを入力
- ボタンリンク先URLを入力
- 選択して
をクリック
![カスタマイザー フッターCTA](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/FooterCTA01-1024x708.png)
フッターCTAのカスタマイズは完了です。
以上、【THE THORフッターCTA のカスタマイズ】初心者向けに画像付きで解説でした。
お読みいただき、ありがとうございました。