WordPressでカスタムフィールドを使用するにはどうすればよいですか？ -情報エーステック

WordPressサイトの機能を拡張しようとしているテーマデザイナーまたは開発者ですか？カスタムフィールドは、投稿に関連する追加情報を保存するためにさまざまなテーマやプラグインで使用するために構築されたWordPressの機能です。カスタムフィールドの適切な説明はSEOメタデータです。これは、ポストライティングの入力フィールドとして役立ちます。

したがって、WordPressのこの機能のおかげで、任意の投稿の任意の情報の余分な/ビットであるカスタムフィールドまたはメタデータを追加できます。ただし、投稿の有効期限の設定など、より複雑な目的でカスタムフィールドを使用することは可能ですが、これにはコーディングの知識が必要です。次に、カスタムフィールドとは何か、WordPressでカスタムフィールドを作成して使用する方法を簡単な例で詳しく見ていきましょう。

WordPressのカスタムフィールドとは何ですか？

カスタムフィールドは、投稿を作成するときに追加情報を追加できるWordPressの機能であり、投稿メタデータとも呼ばれます。WordPressはこの情報をメタデータとして保存するため、WordPressサイトテーマのテンプレートタグを使用してそれらを表示できます。これらのカスタムフィールドの例には、レビューしている製品への評価の追加、書かれた投稿への音楽の追加など、利用可能な、または含めることを検討する可能性のあるものが含まれます。

デフォルトでは、カスタムフィールドは、サイトの投稿エディタ画面に表示されている場合は使用できません（つまり、非表示になっています）。
従来のエディターで表示するには、WordPressサイトの投稿/ページ管理ダッシュボードの[画面オプション]ボタンで[カスタムフィールド]ボックスをアクティブにする必要があります。繰り返しになりますが、GutenbergEditorのPreferencesセクションから有効にできます。

カスタムフィールドのフォーマット

したがって、カスタムフィールドのメタデータは、「名前またはキー」と「値」のペアを構成します。ここで、キーはメタデータ要素の名前であり、値は個々の投稿に関連付けられた説明を形成する一意の情報です。。

カスタムフィールドに関しては、「キー」は「値」とは異なり、キーは投稿内で複数回使用できますが、値は異なります。たとえば、漫画とホラー（XNUMXつの別々の）映画を見ていることを表現したいですか？「NowWatching」をキーとして作成し、同じ投稿で「Horror」と他の「Comics」の値を使用してXNUMX回使用します。これは、WordPressサイトのカスタムフィールドを表す理想的な方法です。

WordPressでカスタムフィールドを使用する

カスタムフィールド呼び出しを作成または使用して定義します。「CurrentlyReading」というWordPressカスタムフィールドをサイトの投稿に追加し、コンテンツの下部に表示します。したがって、このキーを作成すると、各投稿に値を割り当てることができます。次の図を使用してこれを実現する手順は次のとおりです。

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

WordPress Webサイトのダッシュボードにログインし、カスタムフィールドを追加する必要がある投稿またはページを開きます。編集画面に示されているように、[カスタムフィールド]オプションはデフォルトでは表示されません（つまり、以前にアクティブ化されていない場合）。

グーテンベルクブロックエディタを使用して、右上のサイドバーにあるXNUMXつのドットを見つけてクリックします。
[設定]オプションをクリックして、[パネル]セクションを選択します。
[その他]カテゴリで、[カスタムフィールド]の横のチェックボックスをオンにしてアクティブにします。

その後、変更を有効にするには、[有効にして再読み込み]ボタンをクリックする必要があります。
ページパスが完了すると、画面の投稿/ページの下に[カスタムフィールド]メニューが表示されます。
古いバージョンのクラシックエディタを使用している場合は、エディタの右上隅にある[画面オプション]ボタンをクリックし、[カスタムフィールド]の横のチェックボックスをオンにしてアクティブにします。

さらに、functions.phpファイルを使用して、非表示のカスタムフィールドをより技術的な方法で表示できます。WordPressサイトのダッシュボードの[外観]メニューの下にある[テーマエディター]タブをクリックして「functions.php」ファイルを選択し、次のコードを貼り付けます。

add_action( 'admin_head', 'showhiddencustomfields' );
function showhiddencustomfields() {
    echo "

";}

エディターでは次のようになります。

次に、[ファイルの更新]をクリックして変更を保存します。
このコードトリックは特定のテーマに固有であるため、テーマが更新、アップグレード、または変更された場合は、Webサイトの機能を維持するために、上記の手順を繰り返す必要があることに注意してください。これらのコードをPHPファイルとして保存し、プラグインとしてアップロードし、インストールしてアクティブ化することで、頻繁な更新について心配する必要がなくなります。または、Code Snippetなどのプラグインを使用して、新しい機能を整理された方法で管理することもできます。

関連する質問「オーバーウォッチ」でクロスゲームをプレイするには？

投稿にカスタムフィールドを追加する

カスタムフィールドのメタボックスを有効にして、投稿またはページのコンテンツの下にある[カスタムフィールド]領域まで下にスクロールします。次に、選択したフィールド「現在読んでいる」を名前/キーとして入力し、「WordPressでカスタムフィールドを使用する方法」を読んでいる値として入力します。すべて引用符なしにする必要があります。最後に、[カスタムフィールドの追加]ボタンをクリックします。

フィールドを追加した後、いつでもエントリを編集または削除して、更新された投稿を公開できます。さらに、ドロップダウンリストから以前に追加したカスタムフィールドを選択して、それらに新しい値を割り当てることができます。

カスタムフィールドを作成したら、[公開]ボタンをクリックして、投稿を公開します。

WordPressでカスタムフィールドを表示する

これで、カスタムフィールドはバックエンドに配置され、フロントエンドに表示するにはコードを使用する必要があります。カスタムフィールドを表示するには、WordPressテーマファイルを編集する必要があります。単一の投稿を使用するには、「single.php」または「content-single.php」ファイルを編集する必要がありますが、最初に、ファイル内で次のコード行を見つけます。

while ( have_posts() ) : the_post();
.
.endwhile; // end of the loop.

このコードブロックの下にカスタムフィールドのコードを追加します。

echo get_post_meta($post->ID, 'key', true);

上の画像のキー名は「現在読み取り中」であるため、「キー」を投稿で使用したキーに変更することを忘れないでください。「現在読んでいます：」を示すプレフィックスを追加することもできます。コードは次のようになります。

echo '

あなたは現在読んでいます：

'、get_post_meta（$ post-> ID、'現在読み取り中 '、true）;

最後に、[ファイルの更新]をクリックして変更を保存し、カスタムフィールドを含む投稿を表示して、結果を確認します。

CSSを使用して、サイトレイアウトのカスタムフィールドの位置を調整し、表示を揃えることができます。

Advanced CustomFieldsプラグインの使用

カスタムフィールドを手動で作成する方が簡単ですが、平均的なユーザーがコードを記述して便利な方法で表示するのは困難な作業です。トラブルを避けるために、高度なカスタムフィールドなどのプラグインと以下を管理します。

30を超えるフィールドタイプを使用してカスタムフィールドをすばやく作成します。
フィールドグループを作成し、ロケーションルールを定義します。
カテゴリ、メディア、レビュー、およびサイトの他の場所にカスタムフィールドを追加します。
組み込み関数を使用して、目的のフィールドを表示します。
拡張機能を使用してプラグイン機能を強化する

WordPressでカスタムフィールドを使用する実際の例

WordPressエディターでカスタムフィールドを使用する方法の実際的な例をたくさん紹介できます。Yoast SEOは、SEOのカスタムデータを追加する最良の例のXNUMXつです。別の例には、WPレビュー、WPロケット、およびWPクーポンが含まれます。また、ほとんどすべてのビジネステーマは、カスタムフィールドに大きく依存しています。たとえば、GeneratePressやAstraなどの軽量テーマには、特定の投稿のレイアウトを調整するためのカスタムボックスが用意されています。

カスタムフィールドを使用する際の注意点

ご覧のとおり、WordPressでカスタムフィールドを作成して使用することは、コーディングの専門家でなくても簡単な作業です。これらのカスタムフィールドは、SEO、コメント、クーポン、およびその他の多くの種類のプラグインで使用され、投稿メタ情報を追加します。ただし、コストがかかるため、その事実に注意する必要があります。

WordPressは、これらすべてのカスタムフィールドをwp_postmetaテーブルに保存します。投稿自体のコンテンツは別のwp_postテーブルに保存されますが、wp_postmetaは、多数のメタデータフィールドがあるため、標準のWordPressインストールで最大のテーブルのXNUMXつです。
投稿エディタのメタボックスからカスタムフィールドを削除することはできますが、元のフィールドは削除されません。その投稿で使用されているインスタンスのみが削除されます。同じ投稿または別の投稿で同じフィールドが使用可能であることがわかります。したがって、カスタムフィールドを完全に削除することは困難な作業であり、phpMyAdminまたは同様のツールのSQLクエリを使用してデータベースを直接編集する必要がある場合があります。
未使用のカスタムフィールドは、データベースストレージを使用するpostmetaテーブルで常に使用できます。例を見てみましょう。プラグインのグローバル設定ページから事前に入力された値を持つ10個のカスタムフィールドを使用するコメントプラグインがあります。デフォルトを使用して、必要な場合にのみ編集できるため、見栄えがよい場合があります。これを念頭に置いて、デフォルトのメタフィールドを使用してサイトに20件のコメント投稿を作成し、コメントなしでさらに80件の投稿を作成しました。postmetaテーブルをチェックインすると、100件の投稿すべてに事前入力された値を持つ10個のカスタムフィールドエントリが含まれていることに驚かれることでしょう。これは、800の冗長なエントリ（80 * 10）が使用されないことを意味します。

プラグインを非アクティブ化し、別のコメントプラグインを使用する場合、問題はさらに悪化します。これで、未使用のテーブルに1000（100 * 10）の冗長エントリがあります。Yoast SEO、WP Review、WP Couponsなどのカスタムフィールドが多数ある複数のプラグインがある場合、テーブルは数万のエントリで増加します。）。
メタボックスが多すぎると、投稿エディタの速度が低下する可能性があります。これはバックエンドの観点からです。

関連する質問 ChromeとFirefoxで画像の自動読み込みを無効にする

上記の注意事項を踏まえて、必要な場合にのみカスタムフィールドを賢く使用してください。いくつかの投稿にのみ使用されるフィールドを作成または使用しないでください。代わりに、この目的のためにカスタム投稿タイプを作成できます。これは、後でいつでも通常の投稿に変換できます。