显示ACF的中继器字段

时间:2012-10-16 14:44:32

标签: php javascript jquery html plugins

我试图在我的wordpress模板中显示由图像组成的转发器字段,但它不起作用。我试过阅读插件的文档: http://www.advancedcustomfields.com/add-ons/repeater-field/ 但仍然无法使其发挥作用。

这是标记:

<div id="slideshow">
    <ul id="slides">
        <li><img src="<?php the_repeater_field('home_slider'); ?>" alt="" /></li>
    </ul>
</div>

转发器字段的名称是“home_slider”,字段的名称是“home_image”。请有人帮帮我吗?

这是加载页面后显示的内容:

<img src alt>

1 个答案:

答案 0 :(得分:6)

repeater-field将所有内容存储在一个数组中,因此你需要检索它然后将其循环出来,试试这个:

$slides = get_field('home_slider');  // Grabs the array

// Check if there is any data in the array before looping
if($slides) {
     echo '<ul id="slideshow">';
     foreach($slides as $s) {
         echo '<li>';
         echo '<img src="'.$s['home_image'].'" alt="" />';
         echo '</li>';
     }
     echo '</ul>';
}

现在,根据您设置要返回的图像(图像网址,附件ID或图像对象),您需要使用不同的方法来获取图像的路径。