WordPressのページごとにヘッダーをカスタマイズする方法

WEB開発 | 01, 03, 2019

ページごとに表示されるヘッダーを変更する方法

ホームページや投稿ページ、固定ページなどそれぞれに合わせてヘッダーを変えたい場合もあると思います。

実際、このWEBサイトにも実装していて、ホームページでは上部に画像が表示され、それ以外のページでは画像が表示されないようになっていると思います。

今回はこのページごとに表示するヘッダーを変更するための基本的な仕組みを紹介したいと思います。

まずはカスタムしたヘッダーファイルを別に作成

まずはページごとに表示したいヘッダーファイルを作成して名前を「header-1.php」「header-2.php」など番号をつけて保存、アップロードしてください。

ヘッダーを変更したいページファイルのカスタマイズ

WordPressにはヘッダーを呼び出すコードが標準で搭載されています。

テーマによって異なる場合もあるかもしれませんが、基本的に

<?php get_header(); ?>

というコードで呼び出されています。

なので例えばここで投稿ページのみ「header-1.php」のヘッダーを呼び出したい場合、「single.php」にある

<?php get_header(); ?>

<?php get_header(1); ?>

に変更してください。

すると、標準のヘッダーではなく「header-1.php」のヘッダーが表示されるようになります。

まとめ

いかがでしたでしょうか。

非常にシンプルにカスタマイズできたと思います。

ではでは。

いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)
石川栄和 大串 肇 星野邦敏
インプレス (2017-02-24)
売り上げランキング: 996

Writer

フクチ

フクチ| CEO


代表の福知です。 よろしくお願いします。






こちらの記事もおすすめ

Related Posts