【WordPress】カスタム投稿・カスタムフィールドでオプション項目を作り、管理画面から操作する方法

今回は、WordPressで『カスタム投稿・カスタムフィールドでオプション項目を作り、管理画面から操作』というのをやってみます。ちょっとした新着項目の更新をするときに、（特に構造が複雑な場合とか）テーマ編集を毎回開いていると面倒です。さっそく、方法を確認してみましょう。

検討した理由～新着項目の更新のとき、毎回テーマ編集を開くのが面倒

たびたび出ている、管理人運営の著作権フリー曲サイトSSFです。このサイトでは、トップページで新コンテンツのyoutubeや一言コメントなどを記載しています。 しかし、表示しているのが固定ページ部分ではなく、テーマ組み込みのセクションパーツなので、更新がやや面倒でした。

更新するときは、こんな感じで、テーマ編集です。しかも階層が深い（子テーマ→親テーマ→セクションフォルダ→街灯のセクション）ので、移動がかなり面倒でした。管理画面のすぐアクセスできるところから、更新できたりするとラクなのですが・・・

カスタム投稿・カスタムフィールドでオプション項目作成～下準備

というわけなので、管理画面のすぐアクセスできる部分に、上記のyoutube情報を更新できるオプション項目を作ってみます。まずは下準備から。

register_post_typeで、オプション用のカスタム投稿タイプを設定

まずは、オプション用のカスタム投稿タイプを設定します(テーマfunctions.php)。後述のフィールドを設定するものですが、メインループに出ないようにしたいため、カスタム投稿にしました。なお、入力欄はプラグインのフィールドを使うため、supportsパラメータはタイトルがあればokです（通常はサムネなどの設定をする）。

また、『フィールド表示条件をAdministratorユーザーページに表示』としてもいいんですけど、管理人が実装したのを忘れてしまいそうだったので（笑）、管理画面メニューに独立した項目が出てくる、カスタム投稿にしました。

カスタムフィールド（プラグイン使用）

もともとsmart custom fieldはインストールされていましたが、ない場合はカスタムフィールドプラグインを使用します。デフォルトのフィールドに比べて、『真偽値やラジオボタン・テキストフィールド』などがあるので、使い勝手が良いと思います。

オプション用のフィールドは『youtube_id（動画のid入れる/テキスト），youtube_comment（一言コメントを入れる/テキストエリア），new_song（新曲アイコン出すか/真偽値）』の３つを設定しました。そして、『オプションという投稿タイプ（さっき作った）で表示するように条件設定』をします。

カスタム投稿・カスタムフィールドでオプション項目作成～実装

フィールド入力し、その投稿idを押さえておく

あとは、先ほど作ったフィールドに、表示させたい内容を入力していきます。特定投稿タイプ内の記事のため、投稿idが発生しますので、投稿idを押さえておきます。 これを押さえておくと、後から『get_post_meta()』のファンクションで、フィールド内容取得が簡単にできるからです。

テーマファイルでフィールド取得＆出力できるようにする

そして、テーマのトップページセクションファイルにフィールド取得＆出力機能をつけます。基本的には『get_post_meta(’〇〇（投稿id）’ , ’◆◆（キー名）’, true);』の形で取っていきます。最後のパラメータがtrueなのは、文字列出力です（ falseで配列が返る）。真偽値のフィールドはif判定して『はい：１』のとき出力するようにします。

また、この状態ではyoutube動画は埋め込みタイプなので、urlの形式が変わっているので注意します（embedが入る）。

表示例（フロント）

そんなわけで、フロントも確認します。『動画・コメント・新コンテンツアイコン』が出力できました。テーマの深い階層まで入らなくてよいので、今後は作業がラクになりそうです。

あとがき・まとめ

まとめると、こんなところでしょうか。このアイデアは、いくつかのお仕事でも利用しています（テーマをお客さんが直接操作して、不具合発生はなるべく避けたい）。ちょっとした項目であれば、テーマカスタマイザーより簡単に実装できるかと思います。