前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress自定义栏目运用实例 VI:设置外链缩略图/特色图像

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

作者头像
Jeff
发布2018-01-19 14:48:42
1.4K0
发布2018-01-19 14:48:42
举报
文章被收录于专栏:DeveWork

这里是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,然后在值里输入缩略图地址,绝对路径或者相对路径都可以。不输入的话是不会有任何内容出来的。

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013/06/13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 设置外链缩略图/特色图像
相关产品与服务
图像处理
图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档