/ Wordpress / 5浏览

博客图片缩略图缓存至七牛云存储

七牛云存储是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。除此之外,你还可以额外使用七牛云存储作为镜像服务器,让网站的用户每次访问的时候都优先从七牛云存储上读取,减少网站流量,提高网站读取速度。

特别对于一些使用国外空间的WordPress站点,利用七牛镜像存储功能,只需要对站点代码做一些修改,就可以自动将镜像文件上传到七牛服务器,真正实现博客静态文件CDN加速。自己的博客不大,点击量和流量基本也不多,因此流量方面没啥可担心的,主要是为了提高访问速度。这里就主要针对目前博客使用主题Grace(SuXing),粗略的讲一下图片缩略图缓存至七牛云存储的过程。

前面提到对站点代码做一些修改,就可以做到自动镜像文件,这里就要提到我爱水煮鱼的七牛镜像存储WordPress插件。之前写过一篇文章,也大体讲了一些七牛云存储的操作方法,而且这款插件使用广泛,网上教程也是烂大街,这一方面就掠过不谈,自己问度娘就好。这里主要将一下设置好七牛云存储插件之后,主题方面如何修改才能做到自动镜像上传的图像文件。

Grace主题实际对网站上传图片自动缩略图可以从两个途径达成,首先WordPress后台里面可以通过设置达成,另一个Grace主题选项可以实现图 片缩略图。前者感觉缩略图生成后怪怪的,后者最新版已经解决之前版本的缩略图显示不正常的问题。我们这里不勾选后台主题选项缩略图选项,通过修改 WordPress自带缩略图调用源代码,实现调用七牛云存储插件函数,达到自动缓存镜像的目的。

下载好插件解压找到wpjam-thumbnail.php文件,源码中可以看到安装插件后可以使用的函数。

qiniufunction

我们这里主要是通过引用插件函数,修改原Grace主题相应位置获取缩略图代码,利用七牛云存储生成缩略图,并最终通过调用七牛云存储图片文件来访问网站。这里我们主要用到的函数是wpjam_get_post_thumbnail_src() ,通过调整参数设置缩略图尺寸并根据需要加以裁剪,比如我们要调用图片裁剪后尺寸为长240px,宽160px,并对上传图片加以裁剪,那我们将函数就可以写成这样wpjam_get_post_thumbnail_src(”,array(220,150),1) 。

改代码之前要对WordPress的组成有一定的了解,要知道网站各部分显示图片对应的分别是哪个文件。搞清性质之后替换文件中代码”post_thumbnail_src()”。本次主题修改主要涉及文件为excerpt.php、topslide.php、relatepost.php、widget-hotpost.php、widget-mostviews.php、widget-postlist.php。

qiniuchajianjpg

这种方法达成的条件有三个:

1、后台安装并启用水煮鱼七牛镜像存储WordPress插件,才能调用相应函数;

2、禁用WordPress和主题自带的图片缩略图功能;

3、搞清楚Grace主题各部位图片牵扯的源代码文件。

0

  1. This post has no comment yet

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注