wordpressでオリジナルテーマを作ってみよう⑨~分割~

今回は今後のことも考えて、今まで全て「index.php」に書いてたコードを「header.php」や「footer.php」に分割していきます。

まず以下のファイルを作成します。
・header.php
・footer.php
・sidebar.php

その後index.phpの1行目から

までをheader.phpへ移します。
そして、の直前に、

を追加します。
こんな感じです。

こんな感じです。
次にフッターです。
先ほどと同じようにしてindex.phpの

から一番最後の行までをfooter.phpにコピペします。
そしての直前にを追加しておきます。

header.phpとfooter.phpに書き加えた赤字のところはなくても動作するのはするのですが、何かプラグインを入れたときにそのプラグインが上手く動作しないことがあるので、書いておきましょう。

ちなみにこのブログのコード貼り付けにはcrayonっていうプラグインを使っているんですけど
今回の作業のどれのおかけかちゃんと表示されるようになりました。

サイドバーはサイドバーの部分をsidebar.phpに入れるだけでOKです。

最後にだいぶすっきりしたindex.phpにヘッダーなどを読み込んでもらうためのwordpress専用のタグを追加します。
ヘッダーがあったところへ
サイドバーがあったところへ
フッターがあったところへ
で完成形がこんな感じになります。

こんな感じで分割作業は終わりです。
次からは記事ページを作っていきます。

コメントを残す