Advanced Custom Fieldsは、WordPressの編集画面に更新しやすい入力項目を追加することができるWordPressプラグイン(拡張機能)です。
追加コンテンツフィールドは、一般的にカスタムフィールドと呼ばれ、ホームページの知識がなくても簡単に入力項目を書き換える事で更新が可能となります。
カスタムフィールドを設定するプラグインは他にも沢山あるのですが、Advanced Custom Fieldsの有料プランを含めると様々なタイプの更新用項目を使用できます。
今回の記事では、無料と有料機能も含めて紹介いたします。
Advanced Custom Fields基本タイプ
テキスト
テキストフィールドは、単一の文字列値を格納するのに便利な基本的なテキスト入力を作成します。
テキストエリア
テキストエリアフィールドは基本的なテキストエリア入力を作成し、テーマで使用するシンプルな(スタイル化されていない)段落のテキストを保存するのに便利です。
数値
数字のみのエリア入力を作成します。
レンジ
範囲フィールドは、特定のエンドポイント間で数値を選択するためのインタラクティブな設定が可能です。
メール
メールアドレスのみのエリア入力を作成します。
URL
URLのみのエリア入力を作成します。
コンテンツタイプ
画像
画像フィールドでは、WordPressネイティブのメディアモーダルを使用して画像をアップロードしたり、選択したりすることができます。
ファイル
ファイルフィールドでは、WordPressネイティブのメディアモーダルを使用してファイルをアップロードしたり、選択したりすることができます。
PDF、ワード、エクセルファイル設置時に使用する事が多いです。
Wysiwyg Editor
Wysiwygフィールドは、「投稿」と「ページ」で見たようなWordPressコンテンツエディタを作成します。
Wysiwyg は「見たものが得られる」という意味の頭文字をとったものです。
テキストとマルチメディアの両方を一つの領域内で編集してスタイルを整えることができるので、コンテンツを編集する際に便利なフィールドの一つです。
oEmbed
oEmbed フィールドは、動画、画像、ツイート、音声、その他のコンテンツを埋め込むためのインタラクティブなコンポーネントで設定が可能です。
このフィールドは WordPress のネイティブな oEmbed 機能を利用しています。
ギャラリー
ギャラリーフィールドは、添付ファイルのコレクションを管理するためのインタラクティブなインターフェイスで設定が可能です。
選択肢タイプ
Select
選択フィールドは、1つ以上の選択肢を選択するためのドロップダウンリストを作成できます。
チェックボックス
チェックボックスフィールドは、チェック可能な入力のリストを作成できます。
ラジオボタン
ラジオボタンフィールドは、選択可能な入力のリストを作成できます。
ボタングループ
ボタングループフィールドは、値を選択するためのすっきりとしたUIを作成できます。
真/偽
真/偽 フィールドでは、1 または 0 のいずれかの値を選択することができます。
関連タイプ
Link
リンクフィールドでは、WordPressのネイティブリンクポップアップを使用して、リンクを選択または定義(URL、タイトル、ターゲット)することができます。
投稿オブジェクト
ポストオブジェクトフィールドは、1つまたは複数のポスト、ページ、またはカスタムポストタイプのアイテムを選択するためのインタラクティブなドロップダウンを作成できます。
このフィールドタイプは Select2 ライブラリを使用して検索と AJAX 機能を有効にできます。
ページリンク
ポストオブジェクトフィールドは、1つまたは複数のポスト、ページ、カスタムポストタイプのアイテム、またはアーカイブURLを選択するためのインタラクティブなドロップダウンを作成できます。
このフィールドタイプは Select2 ライブラリを使用して検索と AJAX 機能を有効にできます。
関連
リレーションシップフィールドは、1つ以上の投稿、ページ、またはカスタム投稿タイプの項目を選択するためのデュエルカラムコンポーネントです。
このフィールドタイプは、検索、投稿タイプ、およびタクソノミフィルタリングのコントロールを提供し、結果を見つけるのに役立ちます。
タクソノミー
タクソノミーフィールドでは、1つまたは複数のタクソノミー用語を選択することができます。
ユーザー
ユーザー フィールドでは、1 人以上のユーザーを選択することができます。
このフィールドタイプはデータオブジェクト間のリレーションを作成するのに便利です。その値をWP_User IDとして格納し、検索時にWP_Userの完全なデータを返すことができます。
Jqueryタイプ
Googleマップ
Google Map フィールドは、場所を選択するためのインタラクティブな地図インターフェイスを提供します。
このフィールドタイプは、Google Maps JS API を使用して、オートコンプリート検索、逆ジオコーディング検索、およびインタラクティブなマーカーを設定できます。
Google マップフィールドは、バージョン 5.8.6 でより多くの位置データを保存します。
デイトピッカー
Date Time Pickerフィールドは、jQueryの日付と時刻の選択ポップアップを作成します。
Time Picker
Time Picker フィールドは、jQuery の時間選択ポップアップを作成します。
カラーピッカー
カラーピッカーフィールドは、アイリスを使用して16進数のカラー文字列を選択するインタラクティブな方法で色の選択が可能となります。
レイアウトタイプ
メッセージ
メッセージは、編集ページに注意文章をレイアウトできます。
Accordion
アコーディオンフィールドは、フィールドを折りたたみ可能なパネルに整理するために使用します。
各アコーディオンには、フィールドのラベルと指示によって生成されたクリック可能なタイトルと、隣接するフィールドが移動する折りたたみ可能なコンテンツパネルが表示されます。
フィールドグループを編集する際には、アコーディオンフィールドに続く(または別のアコーディオンフィールドが定義されるまで)すべてのフィールドがアコーディオンのコンテンツパネルに追加されることに注意が必要です。
タブ
タブフィールドは、フィールドをタブセクションにグループ化するために使用します。
フィールドグループを編集する場合、Tabフィールドに続くすべてのフィールドは(または別のTabフィールドが定義されるまで)、Tabフィールドラベルをタブの見出しとして使用してグループ化されることに注意が必要です。
Group
グループフィールドは、フィールドをグループに構造化する方法を提供します。これは、データと同様に編集画面のUIをより良く整理するのに役立ちます。
グループフィールドは、値を保存したりロードしたりする際に、親フィールド名と子フィールド名の両方を使用します。例えば、’hero’という名前のグループフィールドと’image’という名前のサブフィールドは、メタ名’hero_image’を使用してデータベースに保存されます。
繰り返しフィールド(有料)
リピーターフィールドは、スライド、チームメンバー、CTAタイルなど、コンテンツを繰り返す事が可能です。
このフィールドタイプは、何度も何度も繰り返すことができるサブフィールドの親として機能します。
このフィールドタイプを特別なものにしているのは、その汎用性です。リピータ内ではどのような種類のフィールドでも使用することができ、リピート数に制限はありませんがリピート数を制限する事も可能です。
関連記事
- (ACF)Advanced Custom Fieldsの基本設定(繰り替えし・グループ含む)
- ACFの繰り返しフィールドの中に繰り返しフィールドを入れる時のコード
- 繰り返しフィールドでもOK!ACFで画像サイズを指定して出力するコード
柔軟コンテンツ(有料)
フレキシブルコンテンツフィールドは、シンプルで構造化されたブロックベースのエディタです。
利用可能なブロックをデザインするためにレイアウトとサブフィールドを使用して、このフィールドタイプは空白のキャンバスとして機能し、コンテンツを定義、作成、管理することができます。
Clone(有料)
クローンフィールドでは、既存のフィールドを選択して表示することができます。DB内のフィールドを複製するのではなく、実行時に選択したフィールドをロードして表示します。
また、1つ(または複数)のフィールドグループを選択して、「モジュール」グループでロードすることもできます。下のスクリーンショットでは、’Button’情報のために1つのフィールドグループが作成されています。このフィールドグループはボタンが必要なときに’クローン’ できます。
クローンフィールドは2つの方法のうちの1つで使用できます。選択されたフィールドに置き換える(シームレス)か、選択されたフィールドをサブフィールドのグループとして表示することができます。
大阪のホームページ制作会社TREVOでは、ホームページ制作に関する情報を掲載しています。最短2日で仮サイトを公開するサービスやSEO対策に特化したホームページ制作、オリジナルホームページデザイン、ライティング、リスティング広告、WEBマーケティングなどのサービスをご紹介しています。