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

投稿日:2024.12.26.
更新日:2025.04.12.

WordPress

ACF

株式会社TREVOの月額制ホームページ制作サービス
PR

板浪 雅樹
執筆・編集 板浪 雅樹

2005年から WEB 業界一筋。500サイト超を手がける SEO・WordPress のエキスパート。「公開後こそ本番」を掲げ、データ分析とユーザー視点で成果を引き出す運用を提案。

2005年に制作会社へ入社後、プログラマーからキャリアをスタート。サーバー構築・データベース設計で培った技術を強みに、WordPress テーマ/プラグイン開発やサイト移行の難案件を多数担当してきました。
2010年以降は SEO エンジニアとしても活動領域を拡大。コンテンツ設計・内部リンク最適化・高速化チューニングにより、競合の激しいビッグキーワードで上位獲得を実現してきました。
現在は TREVO のウェブディレクターとして、要件定義から運用改善まで一気通貫でリード。AI ライティングや GA4/Looker Studio を活用したレポーティング手法を開発し、「数字で説明できるサイト運用」をポリシーにクライアントの ROI 最大化を支援しています。
趣味/強み:筋トレとランニングで日々の集中力をキープ。複雑な課題を“仕組み”で解決するのが得意。
モットー:「サイトは資産。改善を止めた瞬間から価値は目減りする」

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

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

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

カスタムフィールドとは

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

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

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

Advanced Custom Fieldsのサイト

Advanced Custom Fieldsの例

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

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

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

Advanced Custom Fieldsの例

関連記事

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のオプションページ追加方法と表示用タグ

関連の記事

CONTACT

ホームページ制作・Web制作に関するご質問やご相談は、
下記フォームよりお問い合わせください。

無料のお見積りや初回のご相談も承っておりますので、「まだ検討中」「ちょっと話を聞いてみたい」といった段階でも大歓迎です。
現状のホームページ診断も無料で実施中です。

0120-83-8567
平日9:00~18:00まで 定休日:土 日 祝