WP主题 ·

Oxygen主题缩略图功能优化

Oxygen主题是一个非常不错的自适应wordpress主题,前面我已经在《WordPress自适应CMS主题:oxygen》作了介绍,但是实际使用时,让我感觉主题缩略图功能有些不足。比如,文章无图且未指定特色图像时,就会以默认图像显示,而默认图像就一张,一旦相邻多篇文章均无图无特色图像会造成首页缩略图非常单调,所以可以以随机图代替单张缩略图,这一点我已在前文《WordPress oxygen主题添加随机缩略图》中做了介绍,除此之外,另外一个问题则是主题函数抓取文章图片功能无效,即使文章有图也会显示默认图,因此,下文将对此问题解决方法作详细介绍。

1.修改缩略图函数文件

Oxygen主题缩略图函数支持文件位于主题根目录\library\extensions目录下,名为get-the-image.php,找到这个文件并用支持编码的编辑器打开,首先定位到62行,将:

修改为:

主要就是将文章图片扫描功能激活;

继续定位至355行,将:

修改为:

说明:这里通过正则表达式获取文章第一张匹配图片,但是如果直接输出,不管对其尺寸如何限制,都会在首页以完整尺寸显示,这对页面排版是不利的,所以利用到了一个图片处理php,名为timthumb.php,对图片尺寸进行处理并缓存,然后输出,上述代码中timthumb.php的位置请根据自己实际情况修改。

2.添加timthumb.php图片处理程序

首先,请下载最新版timthumb.php,然后将其放置到一定位置,位置可选,但是请注意根据实际位置修改第一步中的代码,在timthumb.php同目录下新建cache文件夹,属性设置777,该文件夹用于图片缩略图缓存,该程序处理文章内容中外链图片非常有效。

最后展示下效果图:

oxygen-demo

参与评论

  • IzY

    这个主题真心不错~~

    3年前 (2016-05-27)
    回复
    回复IzY
  • 猫客工作室

    挺好的,欢迎大家来跟我交流推广经验!

    4年前 (2015-12-16)
    回复
  • ficy520

    不错,非常好的主题,但可惜都是国外的

    4年前 (2015-11-07)
    回复
    回复ficy520
  • tianming

    这主题好,支持博主

    4年前 (2015-08-12)
    回复
    回复tianming
  • zhihuanwang

    不错,非常好的主题,但可惜都是国外的,没有人汉化吗?

    5年前 (2014-12-15)
    回复
    回复zhihuanwang
  • Wyatt

    不错,要是能自适应宽屏会更好。

    6年前 (2013-09-29)
    回复
    回复Wyatt
  • Faris

    这个主题真心不错~~我不知道这个网站的我是不是搞错了什么~~不显示缩略图~~http://www.leekai.net

    6年前 (2013-07-09)
    回复
    回复Faris
  • Touchumind

    另外我建议你把主题获取文章内部附件作为缩略图的功能去掉,而是改用正则表达式扫描文章图片并利用timthumb处理,因为前者貌似不能把图片处理到适合大小,要禁用前者,请找到主题目录下oxygenlibraryextensionsget-the-image.php,打开编辑第55行,把'attachment' => true,中的true改为false,然后后者实现就是本文所讲的

    6年前 (2013-07-09)
    回复
    回复Touchumind
  • Faris

    首页顶部的大缩略图怎么搞出来的 ??

    6年前 (2013-07-09)
    回复
    回复Faris
  • Touchumind

    那是幻灯片功能,请看http://faq.wopus.org/question/13617/

    6年前 (2013-07-09)
    回复
    回复Touchumind
  • Touchumind

    我看你显示了的啊,但是你的随机缩略图下的不全,我给你全部16个随机图下载吧http://pan.baidu.com/share/link?shareid=1117568289&uk=2818627476

    6年前 (2013-07-09)
    回复
    回复Touchumind