WordPressテーマ制作-ステップ4-共通部分のテンプレート化

投稿日:

Pocket

このステップでは各ページで共通な部分をphpファイル化してモジュールテンプレートにしていきます。 テンプレート化するのはヘッダー(グローバルメニュー含む)、フッター、サイドバーです。

001_Storehouse

とりあえずindex.phpの複製を3つ作成して、それぞれ名前をheader.php、footer.php、sidebar.phpと変更します。

002_2013-07-03-9.57.32

それではまずheader.phpの編集をしていきます。ヘッダーから下の部分をすべて削除します。

003_2013-07-03 12.06.17

次にfooter.phpの編集をしていきます。一番上からフッター開始まですべて削除します。

005_2013-07-03 12.07.48

sidebar.phpもサイドバーの部分だけ残して削除します。

007_2013-07-03 12.09.06

最後にindex.phpに3つのテンプレートを読み込ませるため編集します。まずはヘッダー部分です。

008_2013-07-03 12.21.20

画像の選択部分を削除して、以下の記述に置き換えます。

<?php get_header(); ?>

同様にフッター、サイドバーも以下のように置き換えます。

フッター

<?php get_footer(); ?>

サイドバー

<?php get_sidebar(); ?>

最終的にこのような形になります。コンテンツ部分を残し、ヘッダー、フッター、サイドバーはテンプレートファイルを呼び出す形になります。

009_2013-07-03 13.46.39

トップページにアクセスしてこれまで(テンプレート化前)と同じように画面が無事表示されればOK!

Pocket

カテゴリー:WordPress タグ: , , , , ,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です