home
twitter
ページトップへ
目次
  • ファイル分割とは?
  • ファイル分割するメリット
  • 修正箇所の集約
  • index.php などの呼び出し元ファイルがスッキリする
  • 「WordPress」における「ファイル分割」はどうやるの?
  • get_header() で header.php が呼び出せる
  • get_footer() で footer.php が呼び出せる
  • まとめ!
about
categories
page
archive
皇帝ペンギンブログ

2025/12/27 (更新日:2025/12/27)

get_header()、get_footer()でファイル分割!【header.php, footer.php】

Categories > programming

・get_header()
・get_footer()

という関数を使って、ファイル分割する方法の解説をします!

内容はこんな感じ!

・ファイル分割とは?
・ファイル分割するメリット
・修正箇所の集約
・index.phpなどの呼び出し元ファイルがスッキリする
・get_header() で header.php が呼び出せる
・get_footer() で footer.php が呼び出せる

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

目次
非表示
  • ファイル分割とは?
  • ファイル分割するメリット
  • 修正箇所の集約
  • index.php などの呼び出し元ファイルがスッキリする
  • 「WordPress」における「ファイル分割」はどうやるの?
  • get_header() で header.php が呼び出せる
  • get_footer() で footer.php が呼び出せる
  • まとめ!

ファイル分割とは?

・すべてのページに共通の「部分」は共通化しよう!
・ファイルを新しく作って
・それを使いたいか箇所で、呼び出す

というのが「ファイル分割」になります。

ファイル分割するメリット

メリットはたくさんあります。
そうなのー?

修正箇所の集約

・1つの修正で、全ての箇所で変更されます。

index.php などの呼び出し元ファイルがスッキリする

これ重要です。

どれだけスッキリとコードを整えられるか、というのが保守の生産性を高めます。

特にAI時代は、コードを読んで判断する、というのが大半になると思います。書くのはAIが書いてくれる部分が大きいので。

そこで、「読みやすいコードにする」という意識はますます大切になりますね。

取り敢えず、動くものを速く作る、というのは価値がなくなります。だってAIが速いから

「WordPress」における「ファイル分割」はどうやるの?

いろいろ方法はありますが、今回は基本的なものを扱いますね。
よし!やってみるぞ!

具体的にはこれらを紹介します。

・get_header() で header.php が呼び出せる
・get_footer() で footer.php が呼び出せる

get_header() で header.php が呼び出せる

・テーマのルートフォルダに header.php を置く
・呼び出したい箇所で get_header() を使う

これで「保守性の高いコード」が書けます。

注意点

header.php はテーマのルートに置いてください。

つまり、style.cssと同じ階層に置かなければなりません。

じゃないと、読み込めないので注意が必要です。

つい、深い階層に置いてしまいそうになることもあると思うので気を付けてください。

get_footer() で footer.php が呼び出せる

・テーマのルートフォルダに footer.php を置く
・呼び出したい箇所で get_footer() を使う

注意点

footer.php はテーマのルートに置いてください。

つまり、style.cssと同じ階層に置かなければなりません。

じゃないと、読み込めないので注意が必要です。

get_header() と同じです。

まとめ!

・ファイル分割とは?
・ファイル分割するメリット
・修正箇所の集約
・index.phpなどの呼び出し元ファイルがスッキリする
・get_header() で header.php が呼び出せる
・get_footer() で footer.php が呼び出せる

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

ではまた!

自分のロゴ!

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい 。-_- 。
よろしくお願いします!

x(旧twitter) youtube
Categories
  • トップへ
  • ITパスポート (1)
  • programming (189)
    • CSSのアニメーション編 (26)
    • CSSのグリッドレイアウト編 (1)
    • CSSのセレクター編 (58)
    • CSSのフレックスボックス編 (1)
    • CSSのメディアクエリー編 (7)
    • CSSの基本編 (34)
    • HTMLのformタグ編 (1)
    • HTMLの基本編 (3)
    • JavaScriptの入門編 (30)
    • JavaScriptの基本編 (5)
    • phpの入門編 (10)
    • Web制作をする環境を整えよう! (1)
    • WordPress (11)
  • Uncategorized (25)
  • VScode (1)
  • おすすめ商品! (1)
  • クラロワ (2)
  • マーケティング (17)
  • 勉強 (3)
  • 大学生活 (7)
  • 心理学 (9)
  • 映画 (1)
  • 法学 (4)
  • 経済学 (4)
  • 読書 (8)
Pages
  • プライバシーポリシー
  • 免責事項
  • プロフィール
Archive
  • 2025年12月 (12)
  • 2025年11月 (1)
  • 2025年10月 (5)
  • 2025年7月 (8)
  • 2025年6月 (1)
  • 2025年3月 (1)
  • 2025年1月 (9)
  • 2024年12月 (13)
  • 2024年11月 (5)
  • 2024年10月 (10)
  • 2024年9月 (15)
  • 2024年8月 (5)
  • 2024年7月 (6)
  • 2024年6月 (5)
  • 2024年5月 (10)
  • 2024年4月 (24)
  • 2024年3月 (11)
  • 2024年2月 (6)
  • 2024年1月 (10)
  • 2023年12月 (4)
  • 2023年11月 (3)
  • 2023年10月 (2)
  • 2023年9月 (3)
  • 2023年8月 (6)
  • 2023年7月 (3)
  • 2023年6月 (8)
  • 2023年5月 (2)
  • 2023年3月 (1)
  • 2023年2月 (1)
  • 2022年10月 (2)
  • 2022年9月 (2)
  • 2022年8月 (8)
  • 2022年7月 (2)
  • 2022年6月 (6)
  • 2022年5月 (9)
  • 2022年4月 (2)
  • 2022年2月 (4)
  • 2021年12月 (1)
  • 2021年11月 (4)
  • 2021年10月 (8)
  • 2021年9月 (14)
  • 2021年8月 (6)
  • 2021年6月 (1)
  • 2021年5月 (2)
  • 2021年4月 (1)
  • 2021年3月 (1)
  • 2021年2月 (2)
  • 2020年10月 (1)
  • 2020年7月 (1)
  • 2020年4月 (1)
  • 2020年1月 (1)
  • 2019年12月 (2)
© Copyright Syuta Chiba, 2019 All Rights Reserved.