Advanced Custom Field(ACF)の概要_WordPress
アドバンストカスタムフィールドは、Wo...
acf

Advanced Custom Field(ACF)の概要_WordPress

アドバンストカスタムフィールドは、WordPressの編集画面に独自なコンテンツフィールドを追加できるようにするプラグインだ。 これらの余分なコンテンツフィールドは、より一般的にカスタムフィールドと呼ばれ、ウェブサイトをより速く構築し、クライアントへの迅速な教育を可能にする。

この記事では、以下の方法について学習する。

  1. インストール方法
  2. フィールドの作成
  3. コンテンツの編集
  4. フィールドの表示

概要

カスタムフィールドはWordPressのネイティブ機能であり、ページ、投稿、カスタムポストタイプに表示されますが、ネイティブカスタムフィールドインターフェースはあまりユーザーフレンドリーではないのが欠点だ。 ACFをインストールすると、表示するフィールドと表示されるフィールドを調整できる。 たとえば、ホームページに「Hero Image」が選択されている必要がある場合、ACFを使用して簡単にこのImageフィールドを作成し、ホームページを編集するときに表示することが可能だ。

ネイティブカスタムフィールドとアドバンストカスタムフィールドの違いは次のとおりだ。

acf-overview-withoutacf-overview-with
(左:ネイティブカスタムフィールド 右:アドバンストカスタムフィールド)

インストール方法

アドバンストカスタムフィールドはWordPressにあらかじめインストールされていないので、プラグインを利用のためにはインストールが必要だ。幸いにも、WordPressでのプラグインのインストールはとても簡単である。

WordPressにログイン後、プラグインのページに行き、アドバンストカスタムフィールドを検索してインストールするだけだ。

インストール方法の詳細についてはこちら

フィールドの作成

新しいカスタムフィールドの作成は非常に簡単なプロセスで、数回クリックするだけである。 好きなだけ多くのフィールドを作成でき、それぞれのフィールドには、独自の名前、フィールドのタイプなどの設定が可能だ。 各フィールドはグループに追加され、各グループの編集画面でフィールドの設定を指定できる。

各フィールドには、フィールドの外観(タイプ)、値の保存場所(名前)、機能(設定)をカスタマイズするための設定が含まれている。 これらのフィールド設定は、フィールドグループを編集するときに設定可能だ。

フィールド設定の詳細についてはこちら

コンテンツの編集

すべてのフィールドは、WordPressのデザインを使用しているので非常に直感的である。 カスタムフィールドを表示または編集するためにイベントをトリガーする必要がなく、WordPressのタイトル欄やコンテンツ欄のように機能します。 コンテンツを入力して投稿を更新するだけで編集が可能だ。

フィールドの表示

フィールド値を表示するのはとても簡単だ。 あらゆるフィールド値は、PHP変数として返すことも、ACFの関数get_field()とthe_field()を使ってHTMLとして出力することも可能である。 これらの機能は、ドキュメントを読む時間を費やすことなく、WordPressのテーマをカスタマイズ可能だ。

APIの詳細については、関数を参照し、コード例のガイドあるので、そちらを適宜参照可能だ。

source:ACF

Related Posts