如何获得WordPress图像缩略图链接? (不是特色图片)

时间:2014-12-04 19:12:09

标签: php wordpress gallery

我正在尝试使用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; ?>

1 个答案:

答案 0 :(得分:1)

您可以使用高级自定义字段和Wordpress完全执行此操作。为此,请进入自定义字段并更改子字段&#39; image&#39;这样它就会返回Image对象而不是Image 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