Blogブログ

リッキー | 2023.3.30

簡単!WordPressでページごとにヘッダーを変更する方法

  • CMS
  • PHP
  • wordpress
  • コピペ
簡単、コピペで出来るWordPressでテンプレートタグを使ってページごとにヘッダーを変更する方法


トップページと下層ページでヘッダーを変えたい…

こんな場面あると思います。
今回は、WordPressでページごとにヘッダーを変更する方法をご紹介していきます!

WordPressの「テンプレートタグ」を使うことで簡単にヘッダーなどをページごとに切り替えることができます!

実装の流れは下記になります。

1,ヘッダーを新しく作成
2,作成したヘッダーをテンプレートタグで呼び出す

さっそく解説していきます!

テンプレートタグとは

まずテンプレートタグとは、「PHPで記述されたWordPressが定義した関数」のことです。

簡単にいうと、WordPressの本体が用意している見た目をカスタマイズするための専用のタグのことです。

<?php 〜 ?>に囲まれた、bloginfo()や、wp_head() などがテンプレートタグになります。

WordPressのテンプレートタグを使ってページごとにヘッダーなどを変更する方法

さっそく方法をご紹介していきます!

ヘッダーを新しく作成

header.php」をコピペして、2つのファイルを作成してください。

新しく作成するファイル名は下記のようにします。

header-○○○.php

例)header-sub.php

※ファイル名のハイフンをアンダーバー(_)にしてしまうと、呼び出せなかったので、必ずハイフン(-)にしてください。

作成したヘッダーをテンプレートタグで呼び出す

まずはトップページを表示させるテンプレートファイル(index.php)に、デフォルトのヘッダーを呼び出すテンプレートタグを記述していきます。

下記テンプレートタグをトップページを表示させたいファイルに記述します。

<?php get_header(); ?>

このコードはデフォルトのヘッダーを呼び出すテンプレートタグとなります。
イメージはこんな感じ

次に、先ほど作成したヘッダーを表示させたいファイル(contents.php)に下記テンプレートタグを記述します。

<?php get_header('sub'); ?>

すると、「header-sub.php」を呼び出すようになります。
イメージはこんな感じ

別のファイル名で作成した場合は、下記のようにしてみてください。

例:header-2.phpを読み込む場合

<?php get_header('2'); ?>

例:header-sample.phpを読み込む場合

<?php get_header('sample'); ?>

作業はこれだけです!

あとは、実際の表示を確認して、ヘッダーが変わっていたら成功です!

今回は、ヘッダーでご紹介しましたが、フッター、サイドバーも同様にページごとに変更が可能です。

例:footer-2.phpを読み込む場合

<?php get_footer('2'); ?>

例:sidebar-2.phpを読み込む場合

<?php get_sidebar('2'); ?>

■まとめ
今回は、WordPressでページごとにヘッダーを変更する方法をご紹介していきました!

テンプレートタグを使えるようになれば、自由にレイアウトを変更することができます。

今日、ご紹介したテンプレートタグ以外にも色々とあるので、また紹介していきます!

以上、「簡単!WordPressでページごとにヘッダーを変更する方法」でした。
ありがとうございました!

この記事を書いた人

リッキー デザイナー

関連記事

Recommend愛されているブログ