情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。
繰り返しの画像フィールドでサムネイルから元画像にリンク、表示順を逆に、拡大画像は5枚までだがサムネイルの表示は1つだけ。
クラスthumb でサムネイルを全て同じ位置に配置、ループをカウントして2つ目以降はクラスhide-thumb で非表示に。
<?php $repeater = get_field('images'); if( $repeater ) { $column_id = array(); foreach( $repeater as $key => $row ) { $column_id[ $key ] = $row; } array_multisort( $column_id, SORT_DESC, $repeater );$counter =1; foreach( $repeater as $row ) { $image = wp_get_attachment_image_src( $row['image'], 'full'); $image_s = wp_get_attachment_image_src( $row['image'], 'thumbnail'); ?> <a href="<?php echo $image[0]; ?>"><img class="thumb<?php if($counter >= 2){ echo ' hide-thumb'; } ?>" src="<?php echo $image_s[0]; ?>" width="<?php echo $image_s[1]; ?>" height="<?php echo $image_s[2]; ?>" alt="<?php the_title(); ?>" /></a> <?php $counter++; } } ?>
その他のAdvanced Custom Fields に関する記事一覧
- ACF iframe
- acf カウント
- ACFで予約更新
- アイキャッチの有無とリピーター1つ目の画像
- ACFリピーターのサブフィールドを自動作成
- イベントカレンダーサンプル(ACFとCF7)
- acf 投稿オブジェクトにメタ値でフィルター
- ACF 画像URLからALTを取得
- 子テーマでACFを使う
- ACF リピーターをランダムに
- ブロックエディターでACFを使う
- ACF Blocks
- acf reset_rows
- ACF 値などの登録まとめ
- ACF チェックボックスの値での条件分岐
- ACF 柔軟コンテンツフィールド、固定ページ用
- ACF 柔軟コンテンツフィールド、ブログ・コラム用
- ACF 柔軟コンテンツフィールドで1サイト作ってみる
- 編集ページにマニュアルや注意書き
- 投稿の本文を表示するショートコード