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

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

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

【カスタマイズ１】フッターエリアのSNSフォロー背景色

THE THORフッターエリアのSNSフォロー背景色は、色のカスタマイズができます。

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

共通エリア設定＞フッターエリア設定＞SNSフォロー背景色の設定＞SNSフォローエリアの背景色を指定

選択して をクリック

色の指定は「色を選択」をクリック

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

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

 をクリック

【カスタマイズ２】フッターエリアのSNSフォローアイコン

THE THORフッターエリアのSNSフォローアイコンは、表示させたいSNSアイコンを選ぶことができます。

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

SNS設定＞Follow設定＞それぞれのSNSの設定

それぞれ選択して をクリック

【カスタマイズ３】フッターエリアのメニュー

THE THORフッターエリアのメニューは、表示・非表示・メニュー項目の選択ができます。

メニューのカスタマイズ方法はこちらを参考にしてください。

メニュー

【THE THORグローバルメニューのカスタマイズ】初心者向に画像付きで解説

 今回は、WordPressテーマ「THE THOR（ザ・トール）」グローバルメニューのカスタマイズ方法についてお伝えします。グローバルメニューとはグローバルメニューとは、ヘッ[…]

【カスタマイズ４】フッターエリアウィジェットの見出しデザイン

THE THORはフッターにウィジェットを表示できます。

ウィジェットとは、Webサイトのサイドバーやフッターにさまざまな情報やメニュー、機能を追加することのできるパーツのこと。

THE THORは、PC・スマホ・タブレットに対応するため、モニターの大きさによってレイアウトが変わります。

モニターが小さくなると、ウィジェットが下に回り込み縦長のレイアウトになります。

THE THORのウィジェット見出しデザインは、角丸・シンプル・ボトムボーダー・はみ出すボーダー・シンプルワイド・内側ボーダーから選択できます。

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

共通エリア設定＞フッターエリア設定＞ウィジェット見出しデザイン設定

選択して をクリック

色の指定は「色を選択」をクリック

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

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

 をクリック

【カスタマイズ５】フッターエリアのコピーライト

THE THORは、フッターエリアに表示するコピーライト（著作権）の設定ができます。

未設定時は「© Copyright 2020 〇〇〇.」となります。（〇〇〇は、ブログ名）

THE THORはフッターのコピーライトに、THE THOR・WordPressのリンクが自動で表示されます。SEO対策のために非表示にしましょう。

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

共通エリア設定＞フッターエリア設定＞フッターエリアのコピーライトを入力

コピーライトの入力・THE THORとWordPressへのリンク非表示を選択をして をクリック

【カスタマイズ６】フッターの背景色・文字色

フッター背景色・文字色のカスタマイズは、カスタマイザーで対応していません。

そのため、自己責任になりますがCSSを使ってカスタマイズします。

1. ダッシュボード
2. 外観
3. テーマエディター
4. style-user.css

.l-footer .bottomFooter {
background: #背景色に使う色番号;
}

Copy

.bottomFooter__copyright {
color: #コピーライトに使う色番号;
}
.bottomFooter__list li {
color: #フッターのメニュー色に使う色番号;
}
.bottomFooter__link {
color: #フッターのブログ名に使う色番号;
}

Copy

入力できたら をクリック

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

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

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