【WordPress】ヘッダーとフッターを別ファイルに分ける方法

サイト制作では、基本的にどのページでも使用するパーツ(ヘッダーやフッター)は別ファイルに分けて読み込むのが一般的で、これをしないと今後の保守でとても苦労します。

例えば、サイト全体のページ数が100を超えたあたりでヘッダーのメニューに新しく項目を追加したいとなった時、抜け漏れがないようにサイトマップで全ページを確認して一つ一つのファイルに更新をする必要があります。

WordPressには、ヘッダーとフッターを別々に管理するための関数が用意されているため、その使い方を見ていきましょう。

目次

ヘッダー

ヘッダーを別ファイルに分けるには、header.phpを使用します。

header.phpのファイル名は、WordPressで認識されている特別なファイルです。
get_header関数で読み込むことができます。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <main>
<!-- ↓header.phpファイルの読み込み -->
<?php get_header(); ?>

フッター

フッターを別ファイルに分けるには、footer.phpを使用します。

footer.phpのファイル名は、WordPressで認識されている特別なファイルです。
get_footer関数で読み込むことができます。

    </main>
</body>
</html>
<!-- ↓footer.phpファイルの読み込み -->
<?php get_footer(); ?>
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次