大阪のホームページ制作会社 株式会社TREVO
技術ブログ

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

2019.10.16.

ACF

WordPress

twitter Facebook Pocket LINE はてブ

株式会社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のみ)

「〇〇〇」はフィールド名
「▽▽▽」はレイアウトの名前
「△△△」はレイアウトのフィールド名
「●●●」は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; ?>

大阪のホームページ制作会社TREVOでは、ホームページ制作に関する情報を掲載しています。最短2日で仮サイトを公開するサービスやSEO対策に特化したホームページ制作、オリジナルホームページデザイン、ライティング、リスティング広告、WEBマーケティングなどのサービスをご紹介しています。

twitter Facebook Pocket LINE はてブ
お見積もり