您的位置:首页 > 其它

七牛镜像存储 WordPress 插件:一键实现 WordPress 博客静态文件 CDN 加速

2016-06-27 18:04 721 查看
七牛云存储是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。

七牛云存储支持绑定域名(需要备案域名),全网 CDN 加速(多数据中心+多加速节点,上传下载均加速)、持续在线,可以无限扩展、用户只需按需付费,无硬件投资,并且还有免费套餐的,每个月 10G 流量,总空间 10GB。


七牛镜像存储 WordPress 插件

除了云存储以外,七牛还支持镜像存储,镜像存储是指你网站的数据在存储在自己服务器上的情况下,额外使用七牛云存储作为镜像服务器,让网站的用户每次访问的时候都从七牛云存储上读取。如果七牛云存储上没有用户需要读取的数据,则七牛的服务器会从源站拉取资源,然后再返回给网站的用户。

对于很多 WordPress 站点来说,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需在 WordPress 站点做些简单的修改,就可以使用七牛的 CDN 服务了,真正显示一键实现 WordPress 博客静态文件 CDN 加速。所以我基于七牛镜像存储这个特性制作了七牛镜像存储
WordPress 插件。



这个插件主要包含以下功能:
一键将 WordPress 的静态资源镜像到七牛
支持将远程图片也保存并镜像到七牛
使用七牛数据处理功能给图片设置水印
在 WordPress 后台直接更新数据
支持设置分类,标签缩略图,日志缩略图获取更完善
还提供一批带缩略图的相关日志,最新日志,最热日志的日志列表

插件安装简单说分成两个过程:
在七牛设置镜像存储
下载插件在 WordPress 后台设置

详细安装和使用请直接下载七牛镜像存储 WordPress 插件使用指南这份PDF文档回家慢慢看,一定要看,不然你会设置错误的。


使用七牛缩略图功能

我们知道七牛有很强大的缩略图功能我爱水煮鱼首页和分类页的缩略图就是使用七牛的缩略图功能实现的。

虽然 WordPress 也有缩略图功能,但是相比之下,七牛强太多了,并且生成的缩略图都是尺寸适应的,并且都是在七牛云存储上面。


日志缩略图

所以我在七牛镜像云存储插件中也新增了 wpjam_post_thumbnail 函数帮你通过使用七牛的缩略图 API 直接生成缩略图,下面是使用方法:

12345<span class="token deliminator"><?php</span>  <span class="token keyword">if</span><span class="token punctuation">(</span>wpjam_has_post_thumbnail<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span><span class="token deliminator">?></span><span class="token markup"><span class="token markup"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span>"entry-thumb"</span><span class="token punctuation">></span></span> <span class="token operator"><</span>a href<span class="token operator">=</span>"</span><span class="token deliminator"><?php</span> the_permalink<span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token deliminator">?></span><span class="token markup"><span class="token string">" title="</span></span><span class="token deliminator"><?php</span> the_title_attribute<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token deliminator">?></span><span class="token markup">"<span class="token operator">></span></span><span class="token deliminator"><?php</span> wpjam_post_thumbnail<span class="token punctuation">(</span><span class="token keyword">array</span><span class="token punctuation">(</span><span class="token number">150</span><span class="token punctuation">,</span><span class="token number">150</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token variable">$crop</span><span class="token operator">=</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token deliminator">?></span><span class="token markup"><span class="token markup"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token markup"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span></span><span class="token deliminator"><?php</span> <span class="token punctuation">}</span> <span class="token deliminator">?></span>
这个函数有两个参数:$size:设置缩略图的大小,它是一个数组,比如上面例子中就是设置缩略图大小为:宽是 150px,高也是 150px。
$crop:设置是否裁剪缩略图,1为裁剪,如果为0,则只是按照最大边进行缩放,不进行裁剪。
另外这个函数相比 WordPress 默认的 
the_post_thumbnail
 函数相比还有一个强大的地方是,如果没有设置缩略图,它将自动获取第一张图片作为缩略图。至于上面代码放到什么地方,我只能说你主题原来the_post_thumbnail()函数是在放到哪里,这个函数就放到哪里。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: