如何以自定义帖子类型输出具有所需标记的未知数量的图像？

时间：2019-09-09 作者：Mike

我正在处理一个主题，该主题将在自定义帖子类型中包含一个图像库。

我可以将它们插入帖子中（使用高级自定义字段并将它们嵌入所见即所得框），但我想知道是否有更干净的方法，例如使用ACF的image uploader字段和（例如）添加另一个选项。

然后，我希望图像以div包装，并带有一些特定的标记，以使它们能够很好地与我设置的Owl Carousel代码配合使用。

我不知道每个条目将有多少图像。

任何帮助都将不胜感激，我非常乐意分享更多信息！

干杯，M

2 个回复
SO网友:RiddleMeThis

由于您使用的是ACF，因此应该使用repeater field. 这将为您提供一个很好的管理界面，用于添加/编辑/删除图像。一旦创建了字段并将其添加到页面中，就可以使用PHP循环遍历数据，在这里可以创建owl carousel所需的标记。

下面是一个从中继器获取数据的示例。

<?php if( have_rows(\'repeater_field_name\') ): ?>
    <ul class="slides">
        <?php while( have_rows(\'repeater_field_name\') ): the_row(); 
            $image = get_sub_field(\'image\');
            $content = get_sub_field(\'content\');
            $link = get_sub_field(\'link\');
            ?>

            <li class="slide">
                <?php if( $link ): ?>
                    <a href="<?php echo $link; ?>">
                <?php endif; ?>
                    <img src="<?php echo $image[\'url\']; ?>" alt="<?php echo $image[\'alt\'] ?>" />
                <?php if( $link ): ?>
                    </a>
                <?php endif; ?>
                <?php echo $content; ?>
            </li>
        <?php endwhile; ?>
    </ul>
<?php endif; ?>
阅读我上面链接的页面，它有更多的信息和示例。

SO网友:Mike

@RiddleMeth这个答案很好，但我找到了一个免费选项，允许我添加转发器字段，同时使用高级自定义字段：

WCK - Custom Fields and Custom Post Types Creator

免费版本在中继器领域非常方便。

标签： custom-post-types   custom-field   images   loop   小码农  

相关推荐

WordPress Recent Posts - Loop

我非常感谢您的帮助，我在列表项中写了一个循环，但我希望在缩略图上设置宽度和高度，并显示一些专家级的“文本”，但限制其长度。。。<ul> <!-- Define our WP Query Parameters --> <?php $the_query = new WP_Query( \'posts_per_page=3\' ); ?> <!-- Start our WP Query -->