12.27日音讯,简单设置唯美缩略图
日期:2013-12-27发布:首创网络浏览:894次
12.27日音讯,简单设置唯美缩略图。对于一个有深度有内涵的网站而言,精彩的内容永远都是要放在第一位的,但这并不意味着我们可以忽视网站的外观设计,设想一下网站上到处都是大段的纯文字,那么即使字字玑珠,也会引起读者的视觉疲劳。在这样一种情境下,为w
本文关键字:12.27日,音讯,简单,设置,唯美,缩,略图,12.27日,
12.27日音讯,简单设置唯美缩略图。对于一个有深度有内涵的网站而言,精彩的内容永远都是要放在第一位的,但这并不意味着我们可以忽视网站的外观设计,设想一下网站上到处都是大段的纯文字,那么即使字字玑珠,也会引起读者的视觉疲劳。在这样一种情境下,为wordpress的日志正文搭配相关的插图、网站首页搭配日志缩略图就变得十分必要。
日志正文搭配插图,这个没有什么技巧,直接通过wordpress的媒体库添加图片到编辑区就可以,因此本文将重点放在剖析日志缩略图的设置方法上,接下来的内容,我会给大家将目前设置缩略图的各种方法逐一进行梳理,并整合成一个多层次的判断语句。
首先给大家展示一下,目前设置缩略图的四种方法(详见下图),我按照自己的理解将其排列成如下顺序,并且在图中列出了各种实现缩略图的方法的图片来源,通过自定义字段可以调用外链图片,而后面三种方法仅能使用本地图片。
下面我通过分层条件判断语句的方式,将上述四种缩略图调用方式整合到一起,并设置成四个顺序执行的环节,只有当上面的条件不满足的时候,才会顺次对下面的条件进行判断,并执行相应的语句。
上述代码中,设定的自定义字段的名字是image,如果你希望通过外链图片作为缩略图,请在编辑文章的时候添加一个名字为image的自定义字段,字段值为外链图片的链接即可。另外需要提请注意的是,本文设置的缩略图大小为(225,136),你可以通过修改代码中的相应数字任意调整缩略图大小,以便更好的适应你的主题布局。
为了使上述代码能够流畅的运行,还有几件事情需要做;
第一件事情是确保当前所用wordpress主题支持特色图像功能,查看一下主题的function文件中是否有add_theme_support('post-thumbnails')这一语句,没有的话请添加上;
第二件事情是为了实现抓取正文中第一张图片做缩略图的功能,需要在当前主题的function文件中添加如下函数:
第三件事是在当前主题文件夹的images文件夹中新建一个名为random的文件夹,在里面放上若干jpg格式的图片即可,根据图片的数目相应修改rand函数后面的数字即可。
- 欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!
服务项目
热门信息
- 为什么越来越多的企业选择开发小程序?
- 9072025-09-05
- 企业微信如何整合小程序?提升服务效率攻略
- 11182025-08-28
- 微信小程序能为企业带来哪些好处?
- 9362025-08-20
- 2025 年小程序开发新趋势,你的企业跟上了吗?定制服务已就位!
- 10922025-08-05
- 建立一个网站需要多长时间?如何从零开始制作一个企业网站,建站流程是怎么样的?
- 11012025-07-31
- 模板建站?便宜背后,你的企业官网可能正在“隐形失血”!
- 9072025-07-15
- 企业网站建设有什么作用?网站可以为企业创造了哪些价值?
- 10092025-07-01
- 通过微信小程序可以做哪些实用的事情?
- 7032025-06-30
- 小程序开发避坑指南:199、299元陷阱
- 8292025-06-17
- 都2025年了,现在还做小程序有用吗?
- 9032025-06-02
































