【WordPress】header・footerを複数作成し設置について解説

シュウ

今回は【WordPress】header・footerを複数作成し設置について
の解説になります！

こんな方に読んでほしい

WordPressを学び始めた方へ
WordPressのテンプレートパーツについて解説していきます。
今回はWordPressの「header・footerを複数作成し設置」について解説しております。

[記事の内容]

header・footerについて

WordPressで「header」、「footer」を複数作成するには、以下の手順で行います。

1.作成について: 「header」、「footer」のテンプレートファイルを作成します。

2.作成について: 「header」、「footer」のテンプレートファイルを読み込むコードをテーマのファイルに追加します。

headerとfooterのテンプレートファイルは、通常、header.phpとfooter.phpという名前で作成します。
これらのファイルには、headerとfooterのHTMLコードを記述します。

get_header()	現在のテーマファイルからヘッダーファイルを読み込みます。
get_footer()	現在のテーマファイルからフッターファイルを読み込みます。

headerとfooterのテンプレートファイルを読み込むコードは、通常、header.phpファイルの冒頭に追加します。
このコードでは、get_header()関数とget_footer()関数を使用して、headerとfooterのテンプレートファイルを読み込みます。
コードは以下のようになります。

<?php
/**
 * トップページテンプレート
 */

get_header();
?>

<body>
  ...
</body>

<?php
get_footer();
?>

別のheaderとfooterのテンプレートファイルを読み込ませる方法について

異なるheaderとfooterを使用する場合は、headerとfooterのテンプレートファイルごとに、異なる名前を指定する必要があります。
例として「header-2」や「footer-2」後に数字を付けたりします。
コードは以下のようになります。

<?php
/**
 * トップページテンプレート
 */

get_header('2');
?>

<body>
  ...
</body>

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

他にも、ファイルを読み込ませるためには下記のように記述します。

//header-2.phpの場合
<?php get_header('2'); ?>

//header-contact.phpの場合
<?php get_header('contact'); ?>

//footer-2.phpの場合
<?php get_footer('2'); ?>

//footer-contact.phpの場合
<?php get_footer('contact'); ?>

異なるデザインがある場合はとても便利なファイル分けの方法になります。