缓存Google Web 字体

WordPress 终于也升级到了4.0,默认主题会加载google web font,这导致wp加载异常的慢。

鉴于google 的部分网站长期处于被Q的状态。我朝子民还是尽量自备“梯子”,以便出墙。

在这里推荐红杏的chrome插件,简单实惠,不用复杂的设置,不用到处找代理,安装即可用。

红杏 按照这个链接购买红杏,你和我可以获取10天的奖励。不用谢。

回到正题

新版的WordPress为了优化主题,会加载open sans的字体。所以在页面的head中可以看到类似这样的链接:

通过特殊手段打开这个文件,我们可以看到类似这样的css代码:

 @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTSUUniRZcd_wq8DYmIfsw2A.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

这段css代码会去加载google font的静态站点。那些没有“梯子”的人们,博客就会异常的慢。因为打不开google font的静态站点。为了响应博主们的号召,解决google 字体的问题,博主开发了Cache Google Font插件。

Cache Google Font插件会去查找类似的链接,直接下载css文件到本地,然后根据css文件中的链接去下载google font,并缓存到本地。是不是很智能?:)。

欢迎大家试用。

Cache Google Font插件已经上传到WordPress 的插件目录

项目托管在GitHub上,如果使用中遇到bug,请直接提Issues

常用的jQuery插件

工作中主要接触的是jQuery这个轻量级优秀javascript库,喜欢它优美的query语法,丰富的插件,下面在工作中常用到的一些jQuery插件。

插件名称 :easyslider1.7

不错的jQuery数字导航Slider插件,可自定义度较高:

自定义前后按钮

自定义数字导航

循环展示内容

容易集成到网站

Demo

插件名称:jcarousel

滑动列表浏览插件

可水平或垂直

列表可以为html或者利用ajax载入

Demo

插件名称:galleria

Galleria是一个javascript的图片相册框架,目的是创建统一的Web和移动相册体验,

基于插件创建常用工具,最大的特点是可子弟难以主题和添加易于扩展的插件!

Demo

插件名称:bxSlider

轻量级的滑动插件,支持内容展示和图片展示

支持水平、垂直、淡出效果

一次展示多个内容

导航控制

带有缓冲效果

随机开始

定时模式

开发友好的API接口:before, after, first, last, next, prev 回调函数

自定义展示CSS样式

Demo