Advanced Custom FieldsのRepeater Fieldを使うと管理画面のカスタムフィールドを自由に操作できて色々捗る

[カスタムフィールドイメージ]

Advanced Custom Fieldsはカスタムフィールドをより使い易くしてくれるプラグイン。
このプラグインの有料アドオン「The Repeater Field(繰り返しフィールド)」を使って、好きな数だけ画像を登録しページに表示させます。

Advanced Custom Fields
The Repeater Field

現在(2016/8/31)で25$というお値段は、クライアントワークにもいろいろ活用できそうなので購入に至りました。

Repeater Fieldとは

画像を見てもらうとわかりやすいが、1つの項目で好きな数だけ追加して登録できる機能。
例えば、カラーバリエーションが赤、青、黄とか

[Repeater Field 操作イメージ]

Repeater Fieldを使って画像を表示させる

まず、好きなサイズのサムネイル画像を追加します。

function.php

add_theme_support('post-thumbnails');
add_image_size('custom-image', 245, 245, true);

表示したいページ(例えばsingle.phpとか)に以下のコードを記述。

single.php

<php 
if( have_rows('repeater_field_name') ):
while( have_rows('repeater_field_name') ): the_row();
 if(get_sub_field('subimage')){ 
 $image = wp_get_attachment_image_src(get_sub_field('subimage'), 'custom-image');
 $max = wp_get_attachment_image_src(get_sub_field('subimage'), 'full');
 echo '<a href="'.$max[0].'"><img src="'.$image[0].'" alt="" /></a>';
 }
endwhile;
endif;
?>