WordPress 文章上传多张缩略图（特色图像）功能的实现及前台调用

WordPress添加多个缩略图非常简单

作为一个WordPress爱好者，小本本很喜欢使用WordPress来建立自己的博客。WordPress的缩略图功能很好用，但是默认只支持单张缩略图。当我们想要在前台显示相册或幻灯片时，一张缩略图肯定不够用。那么，如何为WordPress添加多张缩略图呢？其实，这非常简单！

在之前的文章中，我介绍过WordPress的一个CMS插件。接下来，我将为大家介绍如何通过Piklist插件为WordPress添加多个特色图像。

添加上传多个特色图像字段

Piklist使用起来非常简单，我们只需要把以下代码放到相应的位置，即可为文章或页面添加上传多个特色图像的字段。

piklist('field',array(
'type'=>'file'
,'field'=>'cases_images'
,'scope'=>'post_meta'
,'options'=>array(
'title'=>'设置案例图像'
,'button'=>'设置案例图像'
)
));

效果如下图所示：

添加好自定义的特色图像字段后，下一步是在前端调用这些特色图像，然后循环显示即可。

在前台调用特色图像

通过Piklist添加特色图像字段后，会得到一个图片附件ID组成的数组。我们需要先把图片ID调出来，然后根据ID获取特色图像。接下来，我们来看一下代码。

<?php
$cases_images=get_post_meta($post->ID,'cases_images');//获取特色图像字段

if($cases_images){
foreach($cases_imagesas$cases_image){?>
<?php$attachment=get_post($cases_image);?>

<divclass="pure-u-1-2">
<divclass="cases_image">
<?phpechowp_get_attachment_image($cases_image,'thumbnail')?>//获取特色图像
<?phpecho$attachment->post_content;?>
</div>
</div>

<?php}
}?>

这样，多张图片就调用出来了。结合jQuery插件，我们可以实现各种相册或幻灯片效果。当然，除了Piklist以外，还有许多插件可以实现多张特色图像的效果，如AdvanceCustomField和Metabox插件。甚至，很多付费主题也自带一些类库，可以实现这样的功能，非常方便。

如果您还有更好的方法，欢迎在留言中分享。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。