WordPress自定义栏目运用实例 VI:设置外链缩略图/特色图像

7,976
WordPress自定义栏目运用实例 VI:设置外链缩略图/特色图像
  • 4.50 / 5 5
4.50分(4票)

这里是WordPress 自定义栏目运用实例系列第五讲,为大家带来设置外链缩略图/特色图像的方法。如果你的主题支持特色图像的话,你会发现使用特色图像的图像是不能为外链图片的,一定要在多媒体那里上传才能设置为特色图像。不知道为什么 WordPress 一直不改进这个不那么人性化的功能,难道是为安全考虑?官方没有,那我们就自己添加。let’s go!

设置外链缩略图/特色图像

首先在需要显示特色图像的地方(一般为首页、内容页)添加以下代码:

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 } ?>

注意:上面代码的css选择器class="thumb"需要在css中自定义样式。

然后,就是使用方法:第一次的时候在自定义栏目里输入新栏目名称为thumb,然后在值里输入缩略图地址,绝对路径或者相对路径都可以。不输入的话是不会有任何内容出来的。

这个功能的话其实不算太高级,高级的缩略图或特色图像应该具备以下功能:有缩略图就显示缩略图、没有就显示默认图片或文章第一张图片。这个“高级”的以后会讲到,敬请期待。

WordPress自定义栏目实例系列文章:http://devework.com/tag/custom-fields

喵~本文目前有3条留言,欢迎发表评论!

  1. 板凳也不错
    :

    这个方法好,博主神人

    [回复]
  2. 传说中的沙发
    :

    用上一个主题的时候 还真遇到了特色图像不能外链的问题,如果博主早发 我就解决了 哈哈。不过现在的主题不支持特色图像了,就不需要修改了。

    欢迎回访哈 嘿嘿

    [回复]

打破沉默,我来发表评论鸟~