メタデータを追加するための WordPress カスタムフィールドを作成する方法

2024/04/09

WordPress には、投稿にメタデータを追加できるカスタムフィールド機能が備わっています。投稿の有効期限やその日の天気などの情報を追加できます。ここでは、カスタムフィールドを有効活用して投稿の機能性を向上させる方法を紹介します。

ブロックエディターでカスタムフィールドを有効にする

クラシックエディターをまだ使用している場合、カスタムフィールドセクションはデフォルトで有効になっています。テキストエディターセクションの下にあります。

ブロックエディター (Gutenberg) の場合、カスタムフィールドセクションはデフォルトで無効になっていますが、簡単に有効にすることができます。画面の右上隅にある 3 つのドットをクリックして有効にするだけです。

表示されるドロップダウンで、一番下の「設定」を選択します。設定した WordPress 言語によっては、「オプション」と表示される場合もあります。

パネルセクションで、カスタムフィールドオプションをオンに切り替えます。すると、ページを再読み込みするように要求されるので、保存されていない作業が最初に保存されていることを確認してください。保存しないと、作業内容が失われます。

投稿の下に新しいカスタムフィールドセクションが表示されます。

カスタムフィールドの追加を開始すると、最大 30 個のフィールドのみが表示されます。さらに追加することはできますが、ドロップダウンリストには表示されません。

Damien は、デフォルトでより多くの WordPress カスタムフィールドを表示する方法を示しました。この調整により、メニューリストが最大 120 に増えます。記事をクリックして進むか、ここに要約があります。

WordPress バックエンドの「外観」->「エディター」に移動し、 functions.phpファイルを探します。最後に次のコードを追加します。

変更を保存した後、WordPress バックエンドページを更新すると、メニュー内のカスタムフィールドの数が 120 に増えます。

カスタムフィールドとして、何でも追加できます。最近読んでいる本でも、その日の天気でも、投稿に何でも追加できます。この投稿では、今日の気分を追加してみましょう。では、「新規入力」をクリックして開始します。

名前セクションで、追加したいもののタイトルを追加します。次のような内容になります。

分かりました。

値セクションに、答えを入力します。私の気分フィールドの場合、「悪くはなかった。少し気分が落ち込んでいるけど、まあまあ」と入力しました。カスタムフィールドは投稿ごとにあるため、1 つの投稿に入力した内容は別の投稿には表示されないことに注意してください。

また、投稿の最初または最後に表示したい標準テキストのようなものにすることもできます。たとえば、各投稿にアフィリエイト免責事項メッセージを表示したい場合や、スポンサー付きの投稿であることを表示したい場合など、可能性は無限です。

必要な情報を入力したら、[カスタムフィールドの追加] をクリックして保存します。フィールドには最小文字数や最大文字数の制限はないようですが、ページでの見栄えを考慮すると、長すぎる文字数は避けてください。ここでは簡潔さが重要です。

残念ながら、WordPress カスタムフィールドが機能するのにこれだけで済むのであれば、作業は簡単すぎます。次に、それをページに表示する必要があります。

WordPress テーマでカスタムフィールドを表示する簡単な方法はありません。テーマに PHP コードを挿入する必要があります。

カスタムフィールドを表示するファイルで、次のコードを使用します。

注意すべき点がいくつかあります:

WordPress のインストールファイルをハッキングするのは、あまりにも手間がかかり、面倒だと感じる場合は、プラグインという選択肢もあります。WordPress カスタムフィールド用の最も推奨されるプラグインは、Advanced Custom Fieldsです。

ACF はフィールドグループの概念を使用します。これらのグループには、投稿、ページ、カスタム投稿タイプなど、WordPress サイトの特定の領域に追加するカスタムフィールドが含まれます。各グループ内でフィールドタイプ、ラベル、および特定の設定を定義します。

開発者は、ACF のフィールドタイプと関数を使用して、強力なカスタム機能を構築できます。

プラグインをインストールしたら、WordPress インストールの左側のサイドバーにある ACF の設定ページに移動します。

フィールドグループ -> 新規追加に移動します。ここで、フィールドグループに名前を付けます。フィールドの追加ボタンをクリックし、オプションから目的のフィールドタイプを選択します。各フィールドタイプには、さらにカスタマイズするための独自の設定があります。

フィールドグループを作成したら、[変更を保存]をクリックして保存します。これで、そのグループに割り当てられた投稿またはページを編集するときに、作成したカスタムフィールドが表示されます。

指定した投稿タイプに移動すると、下にカスタムフィールドが表示されます。テキストフィールドに目的の値を追加します。

ACF は、さまざまなフィールドタイプを備えた無料バージョンを提供しています。ACF Proにアップグレードすると、リピーターフィールド (フィールドグループの複数のインスタンスを追加するため) や柔軟なコンテンツレイアウトなど、さらに多くの機能が利用できるようになります。

すべてのスクリーンショットはマーク・オニールによるものです