【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
WordPress関連THE THOR

【THE THOR】フッターの背景色のカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約2分で読めます。
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト

WordPressテーマ THE THOR(ザ・トール)の「フッターの背景色」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THORのフッター

WordPressテーマ THE THOR(ザ・トール)で使われている「フッターの背景色」は次の様になっています。

【THE THOR】フッターの背景色のカスタマイズ

「フッターの背景色」が黒色で固定されているため、サイトデザインによっては合わない可能性があります。

フッターの背景色のカスタマイズ

「フッターの背景色」を変更するカスタマイズを行います。

カスタマイズ内容

「フッターの背景色」のカスタマイズは、下記の通りです。

このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。

/************************************
** ■フッターの色設定
************************************/
.bottomFooter {
	background-color: #fe619a !important; /*フッター背景色*/
}
.bottomFooter__copyright,
.bottomFooter__producer {
	color: #fff !important; /*フッター文字色*/
}

カスタマイズ後のフッターの背景色

今回のカスタマイズによって、WordPressテーマ THE THOR(ザ・トール)の「フッターの背景色」は次の様になりました。

【THE THOR】フッターの背景色のカスタマイズ

最後に

WordPressテーマ THE THOR(ザ・トール)に対する簡単なカスタマイズですが、これによりサイト全体とマッチングできる「フッターの背景色」となり違和感が無くなったと思います。

今回「フッターの背景色」だけ変更して文字色は白のままとなっていますが、文字色も必要に応じて変更可能にしてみました。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

下記バナーからスマホゲームのインストールお願いします!
ザ・グランドマフィア
少女ウォーズ
れじぇくろ! ~レジェンド・クローバー~
イース6 オンライン〜ナピシュテムの匣〜
極道のエデン
リネージュ2M
魔剣伝説
超次元彼女
ライフアフター
覇王の天下-戦略シミュレーション
グランドサマナーズ
The King of Fighters '98UM OL

MASAa.net

コメント