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

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

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

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

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

评分:
当前平均分 0.00 (0%) - 0 个投票
10 条 评论
  1. :lol: :lol: 感谢分享 网上找了很多方法都不行 只有你这个可以 很棒 感谢分享

    6 年前 回复
  2. 注意:上面代码的css选择器class=”thumb”需要在css中自定义样式。请问这个是什么意思呢

    6 年前 回复
    • 即需要写CSS 样式 .thumb {…}

      6 年前 回复
      • 额,不会弄呢,没有直接能复制的吗博主

        6 年前 回复
        • 不能呢同学,因为每个用户用的 WordPress 主题都是不同的

          6 年前 回复
          • 额,好不容易看到一个解决办法,唉

            6 年前 回复
  3. 帮我大忙了这篇文章!谢谢大神!!!! :eek:

    8 年前 回复
  4. 这个方法好,博主神人

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

    欢迎回访哈 嘿嘿

    11 年前 回复
发表评论