如何获取 WordPress 图片缩略图链接？ （不是特色图片）

Question

我正在尝试使用 WordPress 高级自定义字段和转发器字段插件构建一个简单的画廊。我需要显示一个缩略图，您可以单击它来放大主图像（我使用的是 Fancybox）。有谁知道是否可以获取 WordPress 自动生成的图像缩略图的链接？

我可以得到主图链接： /wp-content/uploads/2014/12/slide1.jpg

但需要获取此图片链接： /wp-content/uploads/2014/12/slide1-150x150.jpg

这是我的代码：

<?php if(get_field('gallery')): ?>
    <ul>
        <?php while(has_sub_field('gallery')): ?>
            <a class="fancybox" href="<?php the_sub_field('image'); ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="<?php the_sub_field('image'); ?>" alt="" width="200px;" height="auto"/></a>
        <?php endwhile; ?>
        <?php while(has_sub_field('video_link')): ?>
            <a class="fancybox-media" href="<?php the_sub_field('video_link_snippet'); ?>"><img src="<?php the_sub_field('video_image'); ?>"/></a>
        <?php endwhile; ?>
    </ul>
<?php endif; ?>

Answer 1

您完全可以使用高级自定义字段和 Wordpress 做到这一点。为此，请进入自定义字段并更改子字段“图像”，以便它返回图像对象而不是图像 URL。 See 'return value' here.

一旦此字段返回对象，请尝试 var_dumping 该字段以查看您的 URL 选项：

var_dump(the_sub_field('image'));

这应该会向您显示系统中启用的不同缩略图大小，并让您轻松获得所需的缩略图。一个可能的例子：

// Get image object with all sizes...
$image = the_sub_field('image');
$size = 'thumbnail';

// Get URL from sizes based on our $size var
$url = $image['sizes'][$size];

// Now we have the thumbnail URL
echo $url;

如果您遇到问题，请告诉我！如需更多文档和更多选项，请尝试Advanced Custom Fields documentation for the Image field。