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

the thor フッターCTA マスクカラー

 

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

 

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

 

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

 

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

 

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

 

the thor フッターCTA

 

the thor フッターCTA

 

the thor フッターCTA リンクボタン

 

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

 

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

 

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

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

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

選択して公開 をクリック

 

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

 

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

 

the thor フッターCTA

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

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

入力して公開 をクリック

 

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

 

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

 

the thor フッター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 フッターCTA マスクブラックブラック
the thor フッターCTA マスク ブラックメッシュブラックメッシュ
the thor フッターCTA マスクカラーカラー
the thor フッターCTA マスクカラーグレイカラー+画像グレー
the thor フッターCTA マスクなしなし

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

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

入力して公開 をクリック

THE THOR カラーパネル

カラー系マスクの色の指定は「色を選択」をクリック

白い丸・白い四角をクリックしながら動かして色を選択

または、カラーコードを直接入力

 

画像アップロード

「ファイルをアップロード」をクリック

「ファイルを選択」をクリック

画像選択
使う画像を選択して「選択」をクリック
画像選択
選択した画像にチェックがついているのを確認してから「画像を選択」をクリック

 

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

 

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

 

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

 

the thor フッターCTA リンクボタン

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

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

入力して公開 をクリック

 

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

 


 

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

 

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

THE THORカスタマイズ

1人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

ご相談はこちらへどうぞ >