このエントリーをはてなブックマークに追加

固定ページで設定用のページを作り、Advanced Custom Fields の繰り返しフィールドで画像のアップロード覧・サムネイルのアップロード覧を作成する。

<div class="slides_container">
<?php if(get_field('slide',2)): ?>
<?php while(the_repeater_field('slide',2)): ?>
<img src="<?php the_sub_field('image'); ?>" alt="" width="xxx" height="xxx">
<?php endwhile; endif; ?>
</div>

<ul class="pagination">
<?php if(get_field('slide',2)): ?>
<?php while(the_repeater_field('slide',2)): ?>
<li><a href="#"><img src="<?php the_sub_field('thumb'); ?>" width="xx" height="xx"></a></li>
<?php endwhile; endif; ?>

get_field(‘slide’,2) の2は設定ページのID、スライドのhtmlはhttp://slidesjs.com/ のスライドでサムネイル付きの例。
今回はサムネイルが縮小画像ではないので、アップロード欄を2つ用意し、画像はURLで取得したが、縮小画像の場合はIDで取得してアップロードした画像をサイズを指定して表示することも可、http://www.advancedcustomfields.com/docs/field-types/image/参照。

その他のAdvanced Custom Fields に関する記事一覧

2013.01.19 投稿 2015.04.05 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles