コピペでかんたん。左に寄ったフッターメニューを中央寄せする方法。美しいを整えるLightningテーマ[WordPress]

Lightningコピペ

あらゆるホームページ作成に有効なWordpressのテーマ「Lightning」のデザインを重視したカスタマイズ方法をご紹介いたします。

左に寄ったフッターメニューを中央寄せする方法

ポータルサイトから、個人のブログサイトまであらゆるシーンで利用できる「Lightning」テーマのデザインがより良くなる方法をご紹介いたします。

今回は、フッターメニューが左寄せになっているためデザイン面でバランスが崩れてしまうので、中央寄せにする方法です。
フッターメニューが左より

css

以下のコードをCSSにコピペで反映されます。

具体的には、子テーマで設定している方は、子テーマのstyle.cssへコードを貼り付けしてください。
プラグインの「VK All in one Expansion Unit」を利用ている人は、CSSカスタマイズに貼り付けて反映させてください。

※スマホでは、適用したくありませんので、767以上のPC画面のみCSSを反映させています。

@media screen and (min-width: 767px){/* PC用767px以上 */
ul.menu.nav#menu-mainmenu-1{/* フッターメニュー中央寄せ */
	position: relative;
	left: 50%;
}
.footerMenu li {
	left: -25%;/* コンテンツに応じて適時変更 */
}
}

この記事を書いた人

山崎 大祐

大阪出身。千葉県松戸市在住。2児の父です。WordPressの構築を60サイト超えました。営業経験を生かしたSEMを得意としております。(企画/デザイン/構築/運営)
すきなもの「赤色・キューブ・コンクリート」