今回は「Custom Post Type UIを使ってカスタム投稿を作る」ということにスポットを当てて解説します

カスタム投稿って難しいですね。「functions.php」に必要項目を記述してカスタム投稿を作り、カスタムタクソノミーでカタツムリの親戚エスカルゴという分類を…。舌を噛みそうです。

私はプログラマではないので解説を読んでも、解説の解説を探したくらいです。これでCMSと言えるのかと、嘆いてもしかたありません。
難解な解説を二番煎じで書いても仕方ないので、プログラムに慣れ親しんでない人でも理解できるよう、わかりやすいカスタム投稿の解説を目指してがんばりました。

そもそもカスタム投稿とはなにか

WordPressには、デフォルトでよく使うものとして「投稿（post）」と「固定ページ（page）」が用意されています。

「投稿（post）」の特徴

「投稿（post）」とはブログとしてWordPressを使ってる人にお馴染みの投稿タイプです。カテゴリ、タグ、投稿した時間などの情報を加えることができます。
ニュース性の強い記事に向いてます。

「固定ページ（page）」の特徴

「固定ページ（page）」はテンプレートを選ぶことで1ページごとに異なるデザインを適応できます。更に親ページ、子ページという階層化することも可能です。
サイトのホームーページ、コンテンツのトップページなどに適しています。

「カスタム投稿タイプ」の特徴

「カスタム投稿タイプ」は「投稿（post）」と「固定ページ（page）」の両方の特徴を併せ持っています。

「両方のいいとこ取りなんて便利そう」と思いますか？
でも、それだと「投稿（post）」と「固定ページ（page）」を使い分ければいいんじゃ？と思いますよね。

カスタム投稿タイプの一番のメリットは「必要な要素を選べる」というところにあります。
例として大規模サイトを想像してみます。記事の編集者がたくさんいて、コンテンツもレシピ情報から、アクアリウムまで多岐にわたるとします。
その一人ひとりに「カテゴリはここを選んでね」「君はタグを選ばないと一覧に表示されないよ」と伝言ゲームのように伝えれば、「レシピのページにうなぎの生態特集が表示された？どれどれ、私は蒲焼きが好きだな」となることは、火を見るより明らかです。

「アクアリウムの記事を編集する人の投稿ページ」に「レシピ情報のカテゴリを選ぶ項目」が表示されていれば、間違いも起こります。

そこで「カスタム投稿タイプ」の出番です。必要のない設定項目を外して、「アクアリウムの記事を編集する人」専用の投稿画面を作ることができます。

どうです？便利ですよね。例えがわかりにくいですか？そこは我慢して下さいｗ

「Custom Post Type UI」をインストール

なんとなく便利そうなことがわかったら、早速「Custom Post Type UI」をインストールしましょう。
詳しいプラグインのインストール方法は以前投稿した記事「WordPressにプラグインをインストールする方法」にあります。

Custom Post Type UIの解説

インストールが完了すると管理画面に「Custom Post Types」が追加されます。

「Add New」をクリック。「Create New Custom Post Type or Taxonomy」というウィンドウが出たと思います。

翻訳の途中といった感じで、少々わかりにくいインターフェイスになってます。
左側が「カスタム投稿タイプ」を作る設定画面。
右側が「カスタムタクソノミー」を作る設定画面。といった具合に分かれています。
今回は左側の「カスタム投稿タイプ」を設定していきます。

それぞれの項目を解説します。

オプション「Advanced Label Options」の解説

「Advanced Label Options」は表示に関する項目です。例えば、新規追加の時にデフォルトでは「Add ◯◯」ですが「◯◯を新規追加」等に変更できます。
特に設定する必要はないですが、日本語化したいなら左にある翻訳を右の項目にコピペするのもいいかもしれません。

オプション「Advanced Options」の解説

「Advanced Options」はカスタム投稿にどんな機能を持たせるかを定義できます。

設定方法

長々と解説に付き合ってもらってありがとうございます。実際にカスタム投稿を作りましょう。

1.設定画面の「Custom Post Types」で「Add New」をクリック。
投稿タイプ名に「fish」
ラベルに「魚」
単数形のラベル「魚」
と入力してオプションは何も設定せずに「Create Custom Post Type」ボタンを押してカスタム投稿を作成します。
（後で編集したいときは「Custom Post Types > Manage Post Type」で設定を変更できます。）

　
2.左のメニューに「魚」が追加されました。「Add 魚」をクリックして新規カスタムページを作ります。

　
3.「投稿（post）」や「固定ページ（page）」の投稿画面と似ているので、特に説明をしなくても分ると思います。ちなみに抜粋などのボックスが邪魔なら「表示オプション」でチェックを外すことで消すことも出来ます。

今回は後の都合上、ネオンテトラ、エンゼルフィッシュ、金魚という三つのカスタム投稿ページを作りました。

　
4.このままでもカスタム投稿ページを表示できますが、せっかくなので専用のテンプレートを作ります。

カスタム投稿ページのテンプレート階層は
1.single-{post_type}.php（今回の例で言えばsingle-fish.php）
2.single.php
3.index.php
となります。

「single.php」を元にして「single-fish.php」を作りましょう。
今回は変化をわかりやすく実感するためサイドバーを削除してみます。

<?php get_sidebar(); ?>

を削除。以下のようになりました。

<?php
/*
fishページ表示用テンプレート
 */

get_header(); ?>
		<div id="container">
			<div id="content" role="main">
			<?php
			/* Run the loop to output the post.
			 * If you want to overload this in a child theme then include a file
			 * called loop-single.php and that will be used instead.
			 */
			get_template_part( 'loop', 'single-fish' );
			?>
			</div><!-- #content -->
		</div><!-- #container -->
<!-- #ここにあったサイドバーを削除 -->
<?php get_footer(); ?>

サイドバーが消えているのが分かると思います。

　
5.続いてループファイルの作成
「single-fish.php」のループファイルなので「loop-single-fish.php」になります。
「loop-single.php」をコピーして、「loop-single-fish.php」とファイル名を変更。あとは好きなようにレイアウトを変更してページに合わせた要素に絞りこめば、完成です。
今回はわかりやすく22行目あたり

<?php the_content(); ?>

のあとに

<?php the_content(); ?>
<h3>魚ページ表示用るーぷ</h3><!-- #追加した文言 -->

と続けて書いて、ループファイルが変更されてるかテストします。

テンプレートの変更やループファイルに関しては「WordPressでオリジナルデザインのホームページを作る方法」にまとめてあります。必要ならどうぞ。

以上でカスタム投稿タイプの作成から、カスタム投稿ページの作成まで終了しました。初めてWordPressに触った人にとっては、プラグインの導入、各種設定、カスタム投稿ページの作成、テンプレートの作成、ループファイルの作成と覚えなければいけないことが多く、理解するのが大変だと思います。
読むだけでなく、自分のサイトに合わせて作業してみてください。理解がグッと進むと思います。

次は「WordPressでカスタム投稿一覧を表示してユーザビリティを向上する方法」を解説します。