Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」

Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」

Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」

Advanced Custom Fields: Extended(ACF Extended)は、Advanced Custom Fields PROの機能をさらに拡張できるWordPressプラグインです。

フィールドグループをカテゴリ分けできたり、オプションページを管理画面上から追加できたりと、様々な機能拡張が行なえます。

なお、有料版のAdvanced Custom Fields PROを拡張するプラグインで、無料版のAdvanced Custom Fieldsでは使えませんのでご注意ください。

Advanced Custom Fields: Extendedで追加される機能

Advanced Custom Fields: Extendedを導入すると、

  • 新しいフィールドタイプの追加
  • フィールドグループのカテゴリー分け
  • ユーザー権限による制限
  • カスタム投稿/カスタムタクソノミーの追加
  • オプションページの追加
  • カスタムブロックの追加
  • フォームの追加
  • 各種データのエクスポート/インポート
  • WPMLとPolylangの多言語サポート

等々、様々な機能が追加されます。

Advanced Custom Fields: Extendedのインストール

インストール手順は以下の通りです。

ファイルをFTPでアップロードしてインストール

  1. Advanced Custom Fields: Extendedをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Advanced Custom Fields: Extendedを有効化します。

WordPress管理画面でインストール

  1. [プラグイン] – [新規追加]にアクセスします。
  2. 「Advanced Custom Fields: Extended」で検索します。
  3. [今すぐインストール]をクリックして、Advanced Custom Fields: Extendedをインストールします。
  4. [有効化]をクリックしてプラグインを有効化します。

Advanced Custom Fields: Extendedの機能や使い方

Advanced Custom Fields: Extendedの機能や使い方を一部ご紹介いたします。

追加されるフィールド

追加されるフィールド

Advanced Custom Fields PROでは、以下のフィールドタイプを利用できます、

  • テキスト
  • テキストエリア
  • 数値
  • Range
  • メール
  • URL
  • パスワード
  • 画像
  • ファイル
  • Wysiwyg エディタ
  • oEmbed
  • ギャラリー
  • Select
  • チェックボックス
  • ラジオボタン
  • Button Group
  • 真 / 偽
  • Link
  • 投稿オブジェクト
  • ページリンク
  • 関連
  • タクソノミー
  • ユーザー
  • Googleマップ
  • デイトピッカー
  • Date Time Picker
  • Time Picker
  • カラーピッカー
  • メッセージ
  • Accordion
  • タブ
  • Group
  • 繰り返しフィールド
  • 柔軟コンテンツ
  • Clone

Advanced Custom Fields: Extendedを導入すると、上記に加えて以下のフィールドタイプが使えるようになります。

  • Button
  • Hidden
  • Slug
  • Code Editor
  • Advanced Link
  • Forms
  • Taxonomy Terms
  • Google reCaptcha
  • Post Statuses
  • Post Types
  • Taxonomies
  • User Roles
  • Column
  • Dynamic Render

フィールドグループのカテゴリ分け

フィールドグループのカテゴリ分け

[カスタムフィールド] – [カテゴリー]にアクセスするか、フィールドグループの編集画面でカテゴリーを設定できます。

フィールドグループの数が多い場合は、カテゴリ分けしておくと整理できて便利です。一覧でも確認できますし、カテゴリ毎に絞り込みもできます。

フィールドグループのカテゴリ分け

オプションページの追加

オプションページの追加

[カスタムフィールド] – [Options Pages]では、オプションページを追加/管理できます。

オプションページにカスタムフィールドを追加する際は、フィールドグループのルールで追加したオプションページを選択しましょう。

オプションページの選択

カスタム投稿/カスタムタクソノミーの追加

カスタム投稿/カスタムタクソノミーの追加

[ツール] – [Post Types]ではカスタム投稿、[ツール] – [Taxonomies]ではカスタムタクソノミーを追加/管理できます。

カスタム投稿の一覧用のフィールドを追加したい場合は、フィールドグループのルールで条件を「Post Type List」に設定します。

フィールドグループのルールでカスタム投稿一覧を選択

カスタムブロックの追加

カスタムブロックの追加

Advanced Custom Fields PROにはカスタムブロックを追加する機能が用意されていますが、Advanced Custom Fields: Extendedを使えばカスタムブロックも管理画面上から追加できます。

カスタムブロックは、[カスタムフィールド] – [Block Types]から追加します。

カスタムブロックを追加したら、フィールドグループでカスタムフィールドをブロックと紐付けます。フィールドグループのルールで、「ブロック」から追加したカスタムブロックを選択します。

投稿編集画面で追加したカスタムブロックが挿入できるようになっているので選択します。

カスタムブロックの挿入

紐付けたフィールドグループのフィールドが表示されるので入力していきます。

カスタムブロックの編集

入力した内容を表示するためには、出力用のテンプレートを用意する必要があります。その辺りは、公式ドキュメントをご参照ください。

出力用のテンプレートは、Block Typeの編集画面の[Render]タブで指定します。

カスタムブロックの出力用テンプレートの指定

今回は、究極にシンプルな以下のファイルを用意して、テーマフォルダ直下に配置しました。the_fieldやget_field等の、Advanced Custom Fieldsの関数がそのまま使えるので楽ですね。

<?php
the_field('テキスト');

上記テンプレートを設置して投稿ページを見ると、以下のようにちゃんとカスタムブロックが出力されていました。

カスタムブロックの出力

あとがき

Advanced Custom Fields: Extendedを導入することで、様々なことが管理画面上で完結するようになってありがたいですね。

上記で紹介した機能の他にも、柔軟コンテンツにサムネイル画像を追加できたり、フィールドグループにメモを追加できたり、フィールドグループの表示名を変えられたりと、様々な機能が拡張されます。

Advanced Custom Fields PROを利用する方は、導入を検討してみてはいかがでしょうか。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です