Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

何ですか: カスタムフィールド

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのカスタムフィールドは、投稿、ページ、またはカスタム投稿タイプに追加できる追加情報です。

WordPressの初期設定では、タイトル、投稿のメインコンテンツ、アイキャッチ画像を記入するフィールドが用意されています。しかし、WordPressが求めていない情報を追加したい場合は、カスタムフィールドを使用することができます。

WordPressのプラグインやテーマの多くも、カスタムフィールドを使用してWordPressサイトに余分な情報を保存・表示します。

What Is Custom Fields in WordPress?

WordPressのカスタマイザーは何に使うのか?

カスタムフィールドは、WordPressが初期設定では許可していない投稿、ページ、またはカスタム投稿タイプに関する追加情報を保存するために使用できます。

例えば、映画の批評を書いているのであれば、映画の公開日や監督名、出演者リストなどの新しい情報を追加したくなるかもしれません。

プラグインによっては、WordPressのコンテンツエディターにカスタムフィールドを追加することもできる。例えば、All In One SEO (AIOSEO)は、ユーザーがブログ投稿に関するSEOメタデータを入力し、保存するためにそれらを使用します。

WooCommerceはeコマース商品用のカスタム投稿タイプも作成し、その中で商品情報を記入するためのカスタムフィールドを使用します。

カスタムフィールドでできることは他にもあります:

Custom Fields in WordPress Comment Form

WordPressでカスタムフィールドを作成する方法

カスタムフィールドを追加するには、カスタムフィールドを追加したい投稿またはページのGutenbergエディターを開く必要があります。そして、画面右上の三点メニューをクリックし、「Preferences」を選択する。

Opening the Preferences settings in the WordPress block editor

ポップアップ・ウィンドウが外観表示されます。ここで、’パネル’タブに切り替え、’カスタムフィールド’設定をオンにします。

その後、’Show & Reload page’をクリックし、ブロックエディターを更新する。

Enabling custom fields in the WordPress block editor

ページや投稿の編集画面を下にスクロールすると、カスタムフィールドのセクションが新たに表示されます。

ドロップダウンメニューが表示され、WordPressテーマやプラグインによって追加された既存のカスタムフィールドを選択することができます。しかし、新規にカスタムフィールドのメタ情報を作成したい場合は、「新規入力」をクリックするだけです。

Creating a new custom field in WordPress

カスタムフィールド名とフィールド値を入力してください。

この例では、カスタムフィールドを「Mood」と名付け、フィールドデータを「Happy」とした。これは、あなたが個人的なWordPressブログを持っていて、投稿を書いたときにどんな気分だったかをユーザーに伝えたい場合にできることです。

完了したら、「カスタムフィールドを追加」ボタンをクリックして保存します。

Adding a new custom field in WordPress

そこからコンテンツの編集や更新を続けることができる。

カスタムフィールドを作成するもう一つの方法は、Advanced Custom Fieldsプラグインを使用することです。ACFプラグインは、カスタムフィールドを管理するためのより多くのコントロールと設定を提供します。

例えば、関連するカスタマイザーフィールドをまとめるフィールドグループを作成し、セットとして管理しやすくすることができます。

このフィールドグループ内では、テキスト、数値、画像などのフィールドタイプや、リピーターフィールドやフレキシブルコンテンツレイアウトのような複雑なフィールドタイプも定義できます。これにより、幅広いデータ入力が可能になります。

プロのヒント WordPressの設定メニューにカスタマイザーオプションが表示されていませんか?もしそうなら、ACFプラグインがインストールされている可能性があります。プラグインは初期設定のカスタムフィールド設定を無効化するので、代わりにプラグインを使用することができます。

詳しくは、WordPressでカスタムフィールドが表示されないのを修正する方法をご覧ください。

WordPressの投稿やページにカスタムフィールドの値を表示する方法

初期設定では、WordPressは追加したカスタムフィールドの値をWordPressサイトのフロントエンドに表示しません。そのためには、WordPressテーマファイル、特に個別投稿テンプレート(single.php)ファイルにカスタムコードスニペットを追加する必要があります。

この方法は初心者に優しくない。コードを変更する前に、子テーマを作成したり、サイトをバックアップしたりすることをお勧めします。

そのため、市場で最高のコードスニペットプラグインであるWPCodeを使用することをお勧めします。WordPressカスタムフィールド101ガイドでは、WPCodeを使ってカスタムフィールドの値を安全に表示する方法をご紹介しています。

また、特定の投稿が特定のカスタムフィールドを持っている場合のみ表示する方法についてのチュートリアルもあります。この条件関数は、投稿だけを表示するカスタムページを作成したい場合に便利です。

WordPressのカスタマイザーはどこに格納されていますか?

WordPressのカスタムフィールドは、投稿やページなどのメインコンテンツとは区切り、メタデータとして保存されます。

投稿やページ、その他のタイプのコンテンツを新規作成すると、WordPressはその情報を2つの異なるセクションに整理します。

最初のセクションには、投稿エディターを使って入力した実際のコンテンツが含まれます。これは投稿やページに追加するテキスト、画像、その他のメディアです。

2番目のセクションはメタデータを保持し、タイトル、投稿者、公開した日時など、投稿に関する詳細が含まれる。メタデータはメインコンテンツそのものではなく、投稿に関する追加情報を提供します。

WordPressのカスタムフィールドについて、この投稿がお役に立てれば幸いです。WordPressの便利なTipsやトリック、アイデアに関する関連投稿については、以下の「追加読み物」リストもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

追加リーディング

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!