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