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_images as $cases_image ) { ?>
<?php $attachment = get_post( $cases_image ); ?>
<div class="pure-u-1-2">
<div class="cases_image">
<?php echo wp_get_attachment_image( $cases_image, 'thumbnail' ) ?> //获取特色图像
<?php echo $attachment->post_content; ?>
</div>
</div>
<?php }
} ?>
多张图片调出来了,我们就可以结合 jQuery 插件实现各种相册或幻灯效果。当然,除了 Piklist 还又很多插件可以实现多张特色图像的效果,比如比较有名的 Advance Custom Field 和 Metabox 插件,甚至又很多付费主题自带的一些类库也可以实现这样的功能,非常方便。如果你又更好的方法,欢迎载留言中分享。
类别:WordPress 教程精选、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!