固定ページを作成する[page.php][カスタムテンプレート]

2016年6月20日

テーマを一から作成する 第8回目

 

前回は月別アーカイブページを作成しました。今回は、固定ページを作成します。

 

第7回目

月別アーカイブページを作成する[date.php]

 

 

スポンサーリンク

 

 

今回作成する固定ページの構成は、基本的にindex.phpと変わりません。「記事」の部分に固定ページの内容を表示させます。

 

 

indexを分割

 

 

固定ページを作成するテンプレートは、以下の6つあります。

 

1 カスタムテンプレート
2 page-スラッグ名.php
3 page-ID番号.php
4 page.php
5 singular.php
6 index.php

 

固定ページには作成したそれぞれのページに対して、利用するテンプレートを選択する機能があります。今回は「自己紹介」「アクセス」「お問い合わせ」の3つの個別ページを作成し、「お問い合わせ」ページだけカスタムテンプレートを用意して、それ以外はpage.phpを利用するようにします。

 

 

今回作成した3つの固定ページ一覧

固定ページ一覧

 

 

 

カスタムテンプレートを作成する

 

適当な名前のPHPファイル(今回はinquiry.php)を作成したら、テーマディレクトリ(/wp-content/themes/sample/以下)にアップロードして下さい。アップロードしたファイルの先頭に下記のようにコメントを記述して下さい。すると固定ページ作成時にテンプレートの選択ができるようになり、「お問い合わせ」が表示されるようになります。

 

作成したカスタムテンプレートにテンプレート名を記述する。

 

 

固定ページ作成画面でテンプレートが選択できるようになるので、「お問い合わせ」の編集画面にてテンプレートを「お問い合わせ」に設定する。

 

テンプレート-お問い合わせ

 

 

「自己紹介」「アクセス」で利用するpage.phpテンプレートも、テーマディレクトリ(/wp-content/themes/sample/以下)にアップロードして下さい。テーマ編集画面においても「個別投稿ページ」「お問い合わせ 固定ページテンプレート」と表示されているのが分かります。

 

 

個別投稿ページ等

 

 

inquiry.phpとpage.phpにはそれぞれ下記のコードを記述します。

 

inquiry.php

 

11行目において、実験的にinquiry.phpテンプレートを利用していることを明示しています。もしinquiry.phpファイルが無い場合には、「お問い合わせ」ページはpage.phpが利用されます。

 

page.php

 

 

サイドバー(sidebar.php)に固定ページへのリンクを表示させておきました。

 

sidebar.php

 

wp_list_pagesタグで固定ページ一覧を表示させています。

 

 

画面にて固定ページ一覧が表示されるようになりました。

サイドバー-固定ページ

 

 

お問い合わせページはinquiry.phpテンプレートを利用しているのが分かります。

固定ページ-お問い合わせ

固定ページ-アクセス

 

 

 

今回作成したテーマファイルは以下のリンクからダウンロードできます。

 

ダウンロード

 

 

次回はカスタムメニューを作成します。

第9回目

カスタムメニューを作成する[add_theme_support][wp_nav_menu]

 

 

 

参照ページ


 

WordPress
Codex日本語版
wp_list_pages

 

 

Copyright © 2017 ウェブの葉 All Rights Reserved.  プライバシーポリシー