Table of Contents
ご存知のように、WordPressは世界中で何百万人もの人々が使用している非常に人気のあるコンテンツ管理システム(CMS)です。 その柔軟性とスケーラビリティにより、ユーザーはブログからビジネスサイト、eコマースプラットフォームなど、さまざまなニーズに合ったWebサイトを作成できます。
WordPressのカスタマイズの重要な側面の1つは、カスタムフィールドを追加する機能です。 これらのフィールドを使用すると、デフォルトのWordPressオプションを超えた特殊なコンテンツタイプを作成できます。
WordPressにはカスタムフィールド機能が組み込まれていますが、高度なカスタムフィールド(ACF)は、この機能を次のレベルに引き上げる強力なプラグインです。 このブログ記事では、ACFを使用してカスタムフィールドを作成する方法(フィールドの設定と表示方法など)と、カスタム投稿タイプと分類法を登録してコンテンツ管理を改善する方法について説明します。
WordPressカスタムフィールドとACFフィールド
ACFの使用方法に飛び込む前に、WordPressのデフォルトのカスタムフィールドとACFフィールドの違いを理解することが不可欠です。
デフォルトのWordPressカスタムフィールド
WordPressには「カスタムフィールド」と呼ばれる機能が組み込まれており、ユーザーは投稿、ページ、またはカスタム投稿タイプにデータを追加できます。 このデータは、作成者の詳細、評価、またはその他の情報などのメタデータから何でもかまいません。
ただし、デフォルトの方法では、キーと値のペアを手動で入力する必要があり、特に大規模なWebサイトや複雑なデータを扱う場合は面倒です。
ACF フィールド
ACFの一方、デフォルトのカスタムフィールド機能が強化されています。 使いやすいインターフェイスと、テキストフィールド、画像、チェックボックス、ファイルアップローダーなど、複数のフィールドタイプを提供します。 ACFでは、フィールドグループの管理、表示条件の制御、カスタムフィールドをテーマやフロントエンドディスプレイに統合するための拡張機能も提供できます。
ACFは、柔軟なコンテンツフィールド、リピーターフィールドなどの高度な機能を提供し、高度にカスタマイズ可能でスケーラブルなWebサイトを可能にします。
なぜACFでカスタムフィールドを作成するのですか?
ACFは、いくつかの理由で組み込みのWordPressカスタムフィールドから際立っています。
- 使いやすさ: ACF は、開発者と非開発者の両方がカスタム フィールドを簡単に作成できる、直感的でユーザーフレンドリーなインターフェイスを提供します。
- 幅広いフィールドタイプ: ACF は、基本的なテキスト フィールドから複雑なリレーションシップまで、さまざまなフィールド タイプをサポートしており、コンテンツ作成プロセスを特定のニーズに合わせて調整するのに役立ちます。
- カスタマイズ可能なフィールドグループ: ACFでは、カスタムフィールドをグループに整理し、特定のページ、投稿、またはカスタム投稿タイプに割り当てることができるため、管理が容易になります。
- 条件付きロジック: ACF で条件付きロジックを設定して、他のフィールド値に基づいてフィールドを表示することができます。 これにより、デフォルトのWordPressフィールドにはないカスタマイズと柔軟性のレイヤーが追加されます。
- テーマとの統合: ACFはテーマと統合されているため、最小限の労力でフロントエンドにカスタムフィールドを表示できます。
ACFプラグインのインストール方法
ACFプラグインのインストールは簡単です。
- ステップ1:WordPressダッシュボードにログインする:Webサイトにログインして、WordPress管理エリアに移動します。
- ステップ2:[プラグイン]に移動し、[新規追加]>:サイドバーから、「プラグイン」セクションにカーソルを合わせるかクリックしてから、「新規追加」をクリックします。
- ステップ3:ACFを検索する: 右上の検索バーに「Advanced Custom Fields」と入力します。
- ステップ4:ACFをインストールしてアクティブ化する:プラグインの横にある[今すぐインストール]ボタンをクリックします。 インストール後、「アクティブ化」ボタンをクリックします。
- ステップ5:プラグインを構成する:アクティブ化すると、WordPressダッシュボードの「カスタムフィールド」に移動してACF設定にアクセスできます。 ここでは、必要に応じて設定を構成できます。
ACFには、無料版とプレミアム版(ACF Pro)の両方があり、リピーターフィールド、フレキシブルコンテンツフィールド、オプションページなどの追加機能があることに注意してください。 WP Ultimate CSV Importerプラグインは、ACF FreeプラグインとProプラグインの両方へのデータのインポートをサポートしています。 ACFフィールドにデータをインポートする方法については、こちらをご覧ください。
ACFでフィールドを作成および追加する方法
ACF をインストールしたら、カスタムフィールドの作成は簡単なプロセスです。
ステップ 1: フィールド グループを作成する
- に移動しますACFのメニュー>フィールドグループ>そして新規追加.
- フィールド グループの名前を入力します。 フィールド グループは、特定のコンテンツ タイプで表示できるカスタム フィールドのコレクションです。
ステップ 2: フィールドを追加する
- フィールドグループを作成したら、「フィールドを追加」ボタンをクリックします。
- テキスト、テキストエリア、数値、画像など、さまざまなフィールドタイプのリストが表示されます。 ニーズに適したフィールドタイプを選択します。
- フィールドごとに、次の項目を指定する必要があります。
- フィールドラベル: ユーザーに表示されるフィールドの名前。
- フィールド名: フィールドの機械可読な名前 (コードで使用されます)。
- フィールドタイプ: フィールドの種類 (テキスト、画像、チェックボックスなど) を選択します。
- 指示: フィールドに入力するユーザー向けのオプションの指示。
- その他の設定: フィールドが必須かどうか、デフォルト値、その他のフィールド固有の設定など。
ステップ 3: 表示ルールを設定する
- ACF では、フィールド グループを表示するタイミングに関するルールを設定できます。 たとえば、特定の投稿タイプ(投稿、ページ、カスタム投稿タイプ)に対してのみフィールドが表示されるように設定できます。
- また、特定のテンプレートにフィールドグループを表示するか、カテゴリ.
ステップ 4: フィールド グループを公開する
- フィールドを設定したら、[変更を保存]ボタンをクリックしてフィールドグループをライブにします。
ACFフィールドにコンテンツを追加する方法
カスタムフィールドを作成したら、それらにコンテンツを追加できます。
- コンテンツページに移動します: カスタムフィールドが割り当てられている投稿またはページ(またはカスタム投稿タイプ)に移動します。
- ACF フィールドの検索: 下にスクロールして、作成したカスタムフィールドを見つけます。 エディターの下のACFメタボックスに表示されます。
- コンテンツを入力する: フィールドごとに、コンテンツを入力するか、オプションを選択します ([画像] フィールドの画像のアップロードや [テキスト] フィールドのテキストの入力など)。
- コンテンツを保存する:データ入力後、「更新」または「公開」をクリックして内容を保存します。
テーマまたはフロントエンドにフィールドを表示する方法
フロントエンドにカスタムフィールドを表示するには、テーマファイルを編集する必要があります。 ACF の関数を使用して、カスタム フィールドの値を取得して表示する必要があります。
- フィールド値の取得: ACF は、カスタムフィールドの値を取得するための get_field() という単純な関数を提供します。 たとえば、「テキスト」フィールドの値を表示するには、次のものを使用できます。
<?php the_field(‘your_field_name’); ?>
- 条件文を使用した項目値の取得: 条件を使用して、フィールドを表示する前にフィールドにコンテンツがあるかどうかを確認することもできます。
<?php if (get_field(‘your_field_name’)): ?>
<p><?php the_field(‘your_field_name’); ?></p>
<?php endif; ?>
- 高度な使用法: 画像、リピーターフィールド、リレーションフィールドなどの複雑なフィールドを使用している場合、ACF はリピーターフィールド用の the_sub_field() やフィールドオブジェクトを取得するための get_field_object() などの特殊な関数を提供します。
カスタム投稿タイプと分類法の登録方法
ACF の強みの 1 つは、カスタム投稿タイプ (CPT) と分類法で使用できることです。 作成方法は次のとおりです。
CPTを登録するには: テーマのfunctions.phpファイルで register_post_type() 関数を使用します。
関数 my_custom_post_type() {
register_post_type(‘my_custom_post’, array(
‘label’ => ‘カスタム投稿’,
‘public’ => true、
‘supports’ => array(‘title’, ‘editor’),
));
}
add_action(‘熱’, ‘my_custom_post_type’);
カスタムタクソノミーの登録: 同様に、カスタムタクソノミーを theregister_taxonomy() 関数で登録します。
関数 my_custom_taxonomy() {
register_taxonomy(‘my_custom_taxonomy’, ‘my_custom_post’, array(
‘label’ => ‘カスタム分類’,
‘hierarchical’ => true,
));
}
add_action(‘熱’, ‘my_custom_taxonomy’);
3. ACFフィールドをカスタム投稿タイプに割り当てる: ACF では、フィールド グループを作成するときに、表示ルールを使用してフィールド グループをカスタム投稿タイプとタクソノミーに割り当てることができます。 たとえば、カスタム投稿タイプにのみ表示されるようにフィールドを割り当てることができます。
結論
WordPressでカスタムフィールドを作成することは、パーソナライズされた動的なコンテンツをサイトに追加するための強力な方法です。 WordPressはデフォルトのカスタムフィールドを提供しますが、Advanced Custom Fields(ACF)を使用すると、直感的なインターフェイス、柔軟なフィールドタイプ、およびカスタムフィールドをテーマに簡単に統合できます。 このガイドで概説されている手順に従うと、ACF の機能をすばやく活用して、カスタム フィールドを作成および管理し、それらにコンテンツを追加し、フロントエンドにデータを表示できます。 ACFは、カスタム投稿タイプおよび分類法との統合により、カスタムコンテンツソリューションを構築したいWordPress開発者にとって不可欠なツールになります。
