カスタムフィールドを設定するAdvanced Custom Fields

Advanced Custom Fields（ACF）は、WordPressの編集画面にカスタムフィールドを簡単に追加できる強力なプラグインです。このプラグインを利用すると、ページ追加時にコンテンツを効率的かつ柔軟にコントロールできるようになります。

ACFは、投稿、固定ページ、カスタム投稿タイプなど、さまざまなWordPressコンテンツタイプに対してメタボックス内のカスタムデータフィールドを構築し、編集画面をカスタマイズするための便利なソリューションを提供します。

たとえば、製品実績ページに専用メニューを設置することで、ユーザーは簡単に必要な情報を入力し、デザインを壊すことなく統一感のあるページを作成できます。HTMLやホームページ制作の知識がない人でも、直感的な操作でページを追加できるのが大きな特徴です。

カスタムフィールドとは

カスタムフィールドとは、WordPressの投稿やページに追加情報（メタデータ）を付加するための機能です。たとえば、公開日、作成者、カテゴリ、タグといった標準的なデータに加え、カスタムフィールドを活用することで独自のデータ項目を追加できます。

これにより、WordPressの基本的な機能を拡張し、柔軟にカスタマイズすることが可能になります。特に、企業サイトや製品実績ページのように、独自のレイアウトやデータ項目を必要とする場合に重宝します。

詳しくは公式サイトをご覧ください

Advanced Custom Fieldsのサイト

Advanced Custom Fieldsの例

弊社で作成した実績ページを例に、ACFの活用方法を解説します。

• 左：投稿フォーム内のACFカスタムフィールド
  投稿ページに設置されたACFのカスタムフィールドを使用して、必要な情報（例：製品名、実績概要、画像など）を入力します。
• 右：生成されたページ
  入力したデータは、テンプレートに基づいて自動的に所定の位置に表示されます。これにより、一貫性のあるデザインのページを効率的に作成できます。

ACFを利用することで、HTMLやCSSの知識がなくても、誰でも簡単に新しいページを追加・編集することが可能になります。特に、定型的なレイアウトを持つページを大量に作成する際に非常に便利です。

関連記事

WordPressの更新に便利なAdvanced Custom Fieldsのフィールド一覧

https://www.trevo-web.com/tech/advanced-custom-fields-list

ACFでセレクトボックスの表示方法と分岐

https://www.trevo-web.com/tech/acf-radio-button

ACFで真偽（true/false）の表示方法と分岐

https://www.trevo-web.com/tech/acf-true-false

ACFでチェックボックスの表示方法と分岐

https://www.trevo-web.com/tech/acf-checkbox

ACFでラジオボタンの表示方法と分岐

https://www.trevo-web.com/tech/acf-select

(ACF)Advanced Custom Fieldsの基本設定（繰り替えし・グループ含む）

https://www.trevo-web.com/tech/acf-advanced-custom-fields

繰り返しフィールドでもOK！ACFで画像サイズを指定して出力するコード

https://www.trevo-web.com/tech/acf-image-size

ACF カスタムフィールドで論理演算を使用した条件分岐

https://www.trevo-web.com/tech/acf-operation

ACF等の繰り返しフィールドで段落数を取得する方法

https://www.trevo-web.com/tech/繰り返しフィールドで段落数を取得する方法

ACFの繰り返しフィールドの中に繰り返しフィールドを入れる時のコード

https://www.trevo-web.com/tech/acfの繰り返しフィールドの中に繰り返しフィール

ACF等のカスタムフィールドで空欄だった時の条件分岐

https://www.trevo-web.com/tech/acf等のカスタムフィールドで空欄だった時の条件

ACFのオプションページ追加方法と表示用タグ

https://www.trevo-web.com/tech/acfのオプションページ追加方法と表示用タグ

板浪雅樹

経歴： 映像制作の専門学校を卒業後、映像制作(編集・撮影)でのアシスタント、カーナビゲーション用の3DCG制作、PS2用の3DCGゲーム背景制作、16ミリフィルムのデジタル変換業務等を経てWEB制作部門のある会社に就職。株式会社TREVOでディレクション、SEO対策、CMS開発、3DCG制作、映像制作を担当