Moke|墨客

 找回密码
 立即注册
搜索
查看: 6564|回复: 0

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

[复制链接]

3636

主题

0

回帖

3681

积分

超级版主

Rank: 8Rank: 8

积分
3681
发表于 2016-5-12 18:17:26 | 显示全部楼层 |阅读模式






                   WordPress的自定义域功能是比较强大灵活的,最近在折腾新主题,需要为软件栏目使用自定义域设置缩略图,这样就可以自己定义软件的图标,不会再调用首张图片,实现方法也很简单,记录一下,以后也用得到。
  调用缩略图显示,在你需要显示缩略图的地方加入以下代码调用即可:
<?phpif ( $values = get_post_custom_values(&quot;thumb&quot;) ) { ?><a href=&quot;<?php the_permalink() ?>&quot; title=&quot;<?php the_title(); ?>&quot;><img class=&quot;thumb&quot; src=&quot;<?php $values = get_post_custom_values(&quot;thumb&quot;); echo $values[0]; ?>&quot; alt=&quot;<?php the_title(); ?>&quot; /></a><?php } else { ?><a href=&quot;<?php the_permalink() ?>&quot; title=&quot;<?php the_title(); ?>&quot;><img class=&quot;thumb&quot; src=&quot;/images/thumb.jpg&quot; alt=&quot;<?php the_title(); ?>&quot; /></a><?php } ?>  上面这段代码设置了缩略图加文章链接和class、alt这些属性,具体可以自己定制,当文章没有设置缩略图时会显示一张默认图片。附送一句缩略图显示样式美化,对应上面的img class=&quot;thumb&quot;,在你的CSS文件中加上这么一句可以设置缩略图显示位置和加上图片边框效果。
.thumb { float: left; margin: 10px 10px 10px 0px; padding: 4px; border: 1px solid #ccc; }  设置方法,打开文章编辑页面,在上方&ldquo;显示选项&rdquo;里勾选&ldquo;自定义栏目&rdquo;。然后在自定义栏目里输入一个缩略图使用的新栏目名称,如thumb,然后在值里输入缩略图地址,比如http://www.cmhello.com/favicon.ico,为防止以后如果更换域名要修改这里,我们可以不写前面的域名,直接写/后面图片地址就行,比如/favicon.ico。以后写文章设置缩略图时同样是这样设置。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 

 

快速回复 返回顶部 返回列表