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

ACFの繰り返しフィールドのwhile文で奇数行と偶数行で違う表示を設定する方法

2022.01.18.

WordPress

ACF

PHP

スマートカスタムフィールド

twitter Facebook Pocket LINE はてブ

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

ACFの繰り返しフィールドでwhile文を使用した時に、奇数行と偶数業で違う表現をしたい時があります。
例えば、ホームページ上で奇数の時は画像を右に、偶数の時は画像を左にしたい時などに交互でCSSを設定する事があります。
そんな時に、奇数時と偶数時で内容を切り替えることができます。

設定するACFのwhile文

繰り返しフィールド名:○○○

<?php 
if(have_rows('○○○')):
$i=1;
while(have_rows('○○○')): the_row();
?>

<?php if ($i %2 == 0): ?>
奇数
<?php else:?>
偶数
<?php endif; ?>

<?php $i++; ?>
<?php endwhile; ?>
<?php endif; ?>

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

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