10
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ACFのGroupフィールドのレイアウトで毎回迷う人に

Posted at

Wordpressのプラグイン、Advanced Custom Fields(以下ACF)の
version 5.6.0から追加されたGroupフィールド。
https://www.advancedcustomfields.com/resources/group/

Groupフィールドに対してget_field()することで配列が返されるので
わかりやすくシンプルな状態で値を取得することができます。

個人的によく使うフィールドなんですが
サブフィールドのレイアウトとしてブロック、表、列のどれを選ぶかいつも悩んでしまいます。

acf_config_layout.png

そこで今回はそれぞれのレイアウトを選んだときの表示対象画面側の見た目についてまとめていきます。


ちなみに今回ACF側に設定した内容はこちらです。
acf_config.png

#ブロックレイアウト
サブフィールドが全面に広がって縦に連なります。
acf_group_block.png

#表レイアウト
サブフィールドのラベルと入力欄が縦に配置されたものが横並びになります。
acf_group_table.png

#行レイアウト
サブフィールドのラベルと入力欄が横に配置されたものが縦に連なります。
acf_group_row.png


以上です。

10
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?