(ACF)Advanced Custom Fieldsの基本設定(繰り替えし・グループ含む)

投稿日:2024.12.11.
更新日:2025.04.12.

ACF

WordPress

株式会社TREVOの月額制ホームページ制作サービス
PR

この記事では、Advanced Custom Fields (ACF) を使用してカスタムフィールドを表示する際によく使うコードをまとめています。
特に基本的な表示方法や、「繰り返しフィールド」「柔軟コンテンツ」の使い方を紹介します。

基本

「〇〇〇」はフィールド名です。

<?php if(get_field('〇〇〇')): ?>
    <?php the_field('〇〇〇'); ?>
<?php endif; ?>
または短くまとめる場合:
<?php if(get_field('〇〇〇')): the_field('〇〇〇'); endif; ?>

繰り返しフィールド(PROのみ)

繰り返しフィールドを使う場合のコード例です。以下は、ulタグ内にliで繰り返し表示する例になります。

  • 〇〇〇:フィールド名
  • △△△:サブフィールド名
<?php if(get_field('〇〇〇')): ?>
<ul>
    <?php while(has_sub_field('〇〇〇')): ?>
        <?php if(get_sub_field('△△△')): ?>
            <li>
                <?php the_sub_field('△△△'); ?>
            </li>
        <?php endif; ?>
    <?php endwhile; ?>
</ul>
<?php endif; ?>

柔軟コンテンツ(PROのみ)

  • 〇〇〇:フィールド名
  • ▽▽▽:レイアウト名1
  • △△△:フィールド名(レイアウト内)
  • ●●●:レイアウト名2
  • ▼▼▼:繰り返しフィールド名(レイアウト内)
  • ▲▲▲:サブフィールド名(繰り返しフィールド内)
<?php while(has_sub_field('〇〇〇')): ?>
    <?php if(get_row_layout() == '▽▽▽'): ?>
        <?php if(get_sub_field('△△△')): ?>
            <?php the_sub_field('△△△'); ?>
        <?php endif; ?>
    <?php elseif(get_row_layout() == '●●●'): ?>
        <?php while(have_rows('▼▼▼')): the_row(); ?>
            <?php if(get_sub_field('▲▲▲')): ?>
                <?php the_sub_field('▲▲▲'); ?>
            <?php endif; ?>
        <?php endwhile; ?>
    <?php endif; ?>
<?php endwhile; ?>
これらのコードは、カスタムフィールドを効率的に扱うための基本となるスニペットです。必要に応じてコピー&ペーストしてカスタマイズしてください!

関連の記事

CONTACT

ホームページ制作・Web制作に関するご質問やご相談は、
下記フォームよりお問い合わせください。

無料のお見積りや初回のご相談も承っておりますので、「まだ検討中」「ちょっと話を聞いてみたい」といった段階でも大歓迎です。
現状のホームページ診断も無料で実施中です。

0120-83-8567
平日9:00~18:00まで 定休日:土 日 祝