【THE THOR】フッター[左][中][右]のカスタマイズ

WordPressテーマ THE THOR（ザ・トール）

別ブログサイトのZMASAa.blogとMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。

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

wp.masaa.net

MASAa.blog│パズドラ好きのmasaaが情報発信する1st WordPressブログサイト

wp.masaa.me

今回は、WordPressテーマ THE THOR（ザ・トール）での「フッター[左][中][右]」のカスタマイズについてまとめてみました。

フッター[左][中][右]

これまで「フッター[左][中][右]」は使っていなかったのでカスタマイズは行っていませんでした。

現在の「フッター[左][中][右]」のスタイルは、次の様になっています。

若干バランスが崩れた表示となってしまっています。

そこで今回「フッター[左][中][右]」のバランスを修正するためのカスタマイズを行いたいと思います。

フッター[左][中][右]のカスタマイズ

WordPressテーマ THE THOR（ザ・トール）での「フッター[左][中][右]」カスタマイズを行います。

カスタマイズ内容

「フッター[左][中][右]」カスタマイズ内容は、下記の通りです。

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

/************************************
** ■フッターエリア [左][中央][右]
************************************/
.l-footer .divider {
	margin-bottom: 60px!important; /*下側余白設定*/
	background: rgba(255,246,251,1.0);
	padding-top: 50px;
	padding-bottom: 0;
}
.l-footer {
	background: rgba(255,246,251,1.0);
}

カスタマイズ後のフッター[左][中][右]

今回のカスタマイズによって「フッター[左][中][右]」のスタイルは、次の様になりました。

「フッター[左][中][右]」の間隔調整と背景色の設定を行いました。

最後に

今回サイドバーからカテゴリーやアーカイブ、プロフィールなどを「フッター[左][中][右]」に移動する切っ掛けで、カスタマイズに着手しました。

当面はこの状態で「フッター[左][中][右]」を使っていきます。