您的位置:首页 > 软件教程 > 教程 > WordPress使用自定义字段设置缩略图图文教程

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

来源:互联网 | 时间:2016-06-08 14:49:16 | 阅读:118 |  标签: CMS教程   | 分享到:

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

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

WordPress使用自定义字段设置缩略图图文教程"alt=""/>WordPress使用自定义字段设置缩略图图文教程

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

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

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

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


小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件[email protected]

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2024 haote.com 好特网