wordpressカスタムフィールドの設定手順(表示・取得)と、プラグイン:「カスタムフィールドテンプレート」の使い方エンジニアの転職情報サイト現役のjavaエンジニアが運営する転職情報サイトです。更新日:2022-10-16wordpressカスタムフィールドの設定手順(表示・取得)と、プラグイン:「カスタムフィールドテンプレート」の使い方wordpressのカスタムフィールドとは・・・WordPressの投稿(記事)に、任意の情報(メタデータ)を追加できる機能のことです。下図は、記事の編集ページにて、カスタムフィールドを追加する画面になります。ここでは、記事に対して、「この記事の執筆者:山田太郎」という情報を追加しているのです。このように、記事情報として「タイトル」と「本文」だけではなく、任意に項目を追加できる機能が、カスタムフィールドです。今回の記事では、この「カスタムフィールド」の設定手順と、設定した「カスタムフィールド」を、記事の公開ページにて表示させる手順。「カスタムフィールド」の便利なプラグインについても、順に解説していきます。以下、目次になります。当章では、記事の投稿ページにて、カスタムフィールドを設定する手順について、順に解説していきます。選択して、新規投稿画面を表示してください。新規投稿画面が開いたら、上部に「表示オプション」というメニューがあるので、そちらを選択すると、オプション一覧が表示されます(下図、参考)その中から、「カスタムフィールド」にチェックをつけてください(デフォルトでは、付いていない)すると、「カスタムフィールド」の設定枠が、画面の下部に表示されます(下図参考)ここで、「カスタムフィールド」の名前(キー)と値(バリュー)を設定し、「カスタムフィールドを追加」ボタンを押下します。以上で、設定は終わりですが、これだけでは、記事ページを表示しても、「カスタムフィールド」は表示されません(下図、公開ページ)記事の公開ページに、設定した「カスタムフィールド」を表示させるには、利用中のテーマ・テンプレートファイル(PHP)を少しカスタマイズする必要があります。その手順については、次の章で。当章では、設定した「カスタムフィールド」を、記事ページに表示させるためのカスタマイズ手順について、順に解説していきます。カスタマイズ対象のファイルは、利用中のテーマ・テンプレートの「content.php(パス:wordpress/wp-content/themes/●●●/content.php)」になります。※今回、使用したテーマ・テンプレートは、「TwentyFourteen」になります。「content.php」は、記事ページのテンプレートファイルになるので、こちらをカスタマイズすることで、「カスタムフィールド」を表示させることができるんですね。カスタマイズの該当箇所は、下記の「the_content()」の下になります。「the_content()」では、記事本文が表示されるので、その下に「カスタムフィールド」を表示するソースを追加する。前提で、以降進めていきます。–>では、「カスタムフィールド」を表示するソースですが、以下4つに分けましたので、用途に応じて使い分けてください。true);上記は、「この記事の執筆者」という「キー」にひもづく値(バリュー)を出力します。以下、表示例になります。本文の下部に表示されているのが分かります。先ほどのソースは、1つの「値(バリュー)」しか表示させることができません。ここでは、同じ名前(キー)で、値(バリュー)が複数設定されている場合を考慮して、複数の「値(バリュー)」を表示するソースを紹介します。次は、指定した名前(キー)が無かった場合、デフォルト値を表示させるソースになります。無い場合は、「このブログの管理人」と表示します。最後に、設定されているカスタムフィールドの、全ての「キー」と「バリュー」を出力するソースを紹介します。ソース自体は、Wordpressで用意されている関数を利用するだけなので、非常に単純です。the_meta();以下、表示例になります。「この記事の管理者」というキーに対して「佐藤太郎」を設定した表示例になります。以上、「カスタムフィールド」を表示する4つのソースでした。これらを、用途に応じて使い分けてください。WordPressプラグイン:「カスタムフィールドテンプレート」の使い方WordPressのカスタムフィールドには、もっと拡張性を高くし、使いやすくするプラグインがあります。Template)」になります。このプラグインのメリットは、大きく下記2点になります。デフォルトの場合、キーは「ドロップダウン」で選択する必要がありましたが、このプラグインを利用することで、あらかじめ表示されている状態となり、キー設定の効率化になります。デフォルトの場合、データの入力方法は「テキストボックス」だけだったのが、チェックボックス、ラジオボタン、コンボボックスなどの方法が追加できます。下図は、プラグインを入れる前と入れた後での、設定欄の違いになります。上図からも、キーはあらかじめ表示されていて、入力方法もテキストだけじゃなく、コンボボックスやチェックボックスなどが追加されている事が分かります。wordpressのカスタムフィールドを「検索」対象に含めるwordpressのカスタムフィールドで設定した値は、デフォルトだと検索対象外となっています。下図のようにカスタムフィールドを設定していたとして、「山田太郎」と検索したとしても、この記事は検索に引っかかりません。そこで当章では、カスタムフィールドもちゃんと検索対象にするプラグインを紹介します。Everything」プラグインになります。Everything」は、WordPressの検索機能の検索対象を広げることができるプラグインです。カスタムフィールドで設定した値も含まれます。きの記事メディアファイル投稿者といった、デフォルトでは含まれていない項目を、検索対象とします。インストールや設定手順(使い方)については、下記記事にてまとめているので、ぜひ参考にしてください。検索対象をカスタムフィールドにまで広げられるWordPressプラグイン以上です。WordPress(ワードプレス)ログイン画面のURLとカスタマイズ方法。コメントをキャンセルメールアドレスが公開されることはありません。~未経験者へのおすすめも。~未経験者についても。~求人情報の見方や注意点も。