Advanced Custom Fieldsで各項目をグルーピングする方法を紹介します。
入力項目を多くなるとグループ化をすることで見分けやすくなるので、開発者と顧客の双方に良いことなのでおすすめです。
フィールドタイプで「 Group 」を選択
初めに、Advanced Custom Fieldsの項目を設定するページで、「フィールドタイプ」を「Group」に選択します。
![](https://stoock.xyz/wp-content/uploads/2019/11/dcb7349dab2ee8f36656b11e667c040e.png)
サブフィールドにグループに帰属した項目を作成
フィールドタイプをgroupにするとサブフィールドが表示されます。
あとはこのフィールドに入力項目をいつも通りに設定していくだけです。
![](https://stoock.xyz/wp-content/uploads/2019/11/1ddf595bd0e36973f00c03a77d643796.png)
投稿ページでの表示イメージ
![](https://stoock.xyz/wp-content/uploads/2019/11/71ea4157d702ca5faf277056a185f813.png)
投稿ページではこのような感じでグレーの枠線でグループ化されて表示されます。
何もないよりはまだマシですね。レイアウトを「行」にするとさらに見やすくなります。
![](https://stoock.xyz/wp-content/uploads/2019/11/7e7b2358a471e0da6c3889d4e3154450.png)
テンプレートでの出力方法
出力も簡単です。
個別に出力
ループで出力
have_rows(‘親のフィールド名’)の中にサブフィールドの情報が入っているので、while文でループさせ、そのループの中で「the_sub_field(‘サブフィールド名’)」を実行するとサブフィールドの値が出力されます。