• 本站搬迁至Linode机房,购买Linode 1G机型仅需$10/月,点此访问官网
  • 百度口碑求好评,http://koubei.baidu.com/s/www.zhiyanblog.com
  •    3年前 (2013-07-05)  WP主题 |   16 条评论  1290 
    文章评分 1 次,平均分 5.0

    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

     

    除特别注明外,本站所有文章均为知言的自留地原创,转载请注明出处来自http://www.zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html

    关于
    知言博客是由WordPress业余爱好者zhiyan建立的WordPress以及WEB资源站,集WordPress教程、主题、插件以及众多前端素材、代码等其他内容于一体,努力为相关用户提供帮助。

    发表评论

    表情 格式

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

      猫客工作室 2个月前 (12-16) [0] [0]
    2. 不错,非常好的主题,但可惜都是国外的

      ficy520 3个月前 (11-07) [0] [0]
    3. 这主题好,支持博主

      tianming 6个月前 (08-12) [0] [0]
    4. 不错,非常好的主题,但可惜都是国外的,没有人汉化吗?

      zhihuanwang 1年前 (2014-12-15) [0] [0]
    5. 不错,要是能自适应宽屏会更好。

      Wyatt 2年前 (2013-09-29) [0] [0]
    6. 这个主题真心不错~~我不知道这个网站的我是不是搞错了什么~~不显示缩略图~~http://www.leekai.net

      Faris 3年前 (2013-07-09) [0] [0]
    1. 2013-12-18上午 2:03
      Nordcom OU[ 来自 法国  ]

      … [Trackback]

      […] There you will find 89023 more Infos: zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html […]

    2. 2013-12-17下午 11:33
      Greek Islands[ 来自 爱沙尼亚  ]

      … [Trackback]

      […] There you will find 27768 more Infos: zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html […]

    3. 2013-12-17下午 3:30
      why haven't you called them yet[ 来自 瑞典  ]

      … [Trackback]

      […] Read More here: zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html […]

    4. 2013-12-17上午 8:39
      official website[ 来自 瑞典  ]

      … [Trackback]

      […] Read More Infos here: zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html […]

    5. 2013-12-12下午 10:58
      have a peek here[ 来自 法国  ]

      … [Trackback]

      […] Read More here: zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html […]

    6. 2013-12-08上午 3:05
      Brookings[ 来自 法国  ]

      … [Trackback]

      […] Read More: zhiyanblog.com/wordpress-oxygen-theme-thumbnail-optimizing.html […]

    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册