(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連THE THOR

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

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

【広告】

※ 本ページには【広告】が含まれています

WordPressテーマ THE THOR

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

ZMASAa.blog│ガジェット好きの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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

シェアする
※ 記事内には【広告】が含まれています

コメント

【広告】