🐈 【WordPress】モジュールテンプレートとは
作成日: 2021/07/02
0

モジュールテンプレートとは

  • WordPressではWebサイトのヘッダーやフッターをパーツ化し、それらを必要な箇所で呼び出すことでコードを管理している
  • (例)ヘッダー→header.php , フッター→footer.php
    ⇒これらのファイルをモジュールテンプレートという

各テンプレートでheader.phpを読み込むための手順

  1. 各テンプレートの先頭(DOCTYPE宣言)からヘッダーに該当する部分までのコードを切り取りheader.phpにペーストする
  2. 各テンプレートで、1.で切り取ったコードの代わりにget_header()関数を記述する

コード(header.php)

<!DOCTYPE html>
<html>
<head>
  ~省略~
</head>
<body>
  <header>
    ~省略~
  </header>

コード(index.php等のテーマテンプレート)

<?php get_header(); ?>
  <div id="content">
    <div class="inner">
      <main id="primary">
        ~省略~

各テンプレートでfooter.phpを読み込むための手順

  1. 各テンプレートのフッターに該当する部分から最後(htmlタグの閉じタグ)までのコードを切り取り、footer.phpにペーストする
  2. 各テンプレートで、1.で切り取ったコードの代わりにget_footer()関数を記述する

コード(footer.php)

  <footer>
    ~省略~
  </footer>
</body>
</html>

コード(index.php等のテーマテンプレート)

      ~省略~
    </div><!-- /.inner -->
  </div><!-- /#content -->
<?php get_footer(); ?>
31歳/福岡在住/現在統合失調症の治療中/高卒後に通った予備校で人間関係に苦しむ▶大学を6年かけて卒業▶自分の力で稼ぎたい思いで投資を始めるも挫折▶けんすうさんのnoteを読みWeb制作の学習開始/日々の学習内容を発信します😌