WordPress使用自定义字段设置缩略图

时间: 2013-12-5 分类: WordPress技术 作者: SAI

TAGS:

WordPress的自定义域功能是比较强大灵活的,最近在折腾新主题,需要为软件栏目使用自定义域设置缩略图,这样就可以自己定义软件的图标,不会再调用首张图片,实现方法也很简单,记录一下,以后也用得到。

调用缩略图显示,在你需要显示缩略图的地方加入以下代码调用即可:

1
2
3
4
5
6
<?php
if ( $values = get_post_custom_values("thumb") ) { ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img class="thumb" src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="<?php the_title(); ?>" /></a>
<?php } else { ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img class="thumb" src="/images/thumb.jpg" alt="<?php the_title(); ?>" /></a>
<?php } ?>

上 面这段代码设置了缩略图加文章链接和class、alt这些属性,具体可以自己定制,当文章没有设置缩略图时会显示一张默认图片。附送一句缩略图显示样式 美化,对应上面的img,在你的CSS文件中加上这么一句可以设置缩略图显示位置和加上图片边框效果。

1
.thumb { float: left; margin: 10px 10px 10px 0px; padding: 4px; border: 1px solid #ccc; }

设置方法,打开文章编辑页面,在上方“显示选项”里勾选“自定义栏目”。然后在自定义栏目里输入一个缩略图使用的新栏目名称,如recommend,然后在值里输入缩略图地址,比如http://www.saiody.com/recommend/saiody.jpg,为防止以后如果更换域名要修改这里,我们可以不写前面的域名,直接写/后面图片地址就行,比如/saiody.jpg。以后写文章设置缩略图时同样是这样设置。

Javin

本文作者: SAI

推崇以用户为中心的设计理念,专注于用户体验设计,游走在视觉设计与前端开发之间。我要投稿

除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:塞纳» 建站技巧 » WordPress技术 » WordPress使用自定义字段设置缩略图
本文地址:http://www.saiody.com/?p=870

返回顶部