Oxygen主题缩略图功能优化

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

1.修改缩略图函数文件

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

'image_scan'         => false,

修改为:

'image_scan'         => true,

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

继续定位至355行,将:

return array( 'src' => '$matches[1][0]' );

修改为:

return array( 'src' => '你自己的timthumb.php实际位置/timthumb.php?src='.$matches[1][0].'h=140&w=470&zc=1' );

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

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

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

最后展示下效果图:

oxygen-demo