WordPressテーマ「SWELL」カスタマイズ。トップページのみヘッダー部分を削除する。

WordPressテーマ「SWELL」カスタマイズの備忘。

今回もまた細かなカスタマイズですが、トップページでのみヘッダーを削除する方法。参考にならないカスタマイズ特集みたいになっていくような気もする…笑。

カスタマイズ方法はシンプルで追加CSSに以下コードを追記するのみです、念のためカスタマイズは子テーマ導入後に行いましょう。

.home .l-header{
	display:none;
}

.homeの部分がないとトップページ以外にも反映されてしまうのでお忘れなく、ヘッダーごと見えなくするのでグローバルメニュー/ハンバーガーメニューも同様に消えます。

ただ、display:none;で本来あるべき要素を見えなくするのはSEO的に好ましくないとも言われているので(しかもh1要素)、指名検索でトップページへのダイレクトな検索流入を狙っていたりするサイトにはあんまりお勧めできないかも。

自分はトップページにメインビジュアル部分だけドンと表示させたかったのでこのようなカスタマイズをしてみました、ファーストビューのインパクトはある程度あるかなあと思います。

記事の感想や要望、サイト周りの質問や相談など
Twitter(@___kurosb)で承ってます。気軽にご連絡ください

記事の感想や要望、サイト周りの質問や相談など
Twitter(@___kurosb)で承ってます。

気軽にご連絡ください