开源仿google plus的wordpress主题

googleplus出来后,界面很是简洁,并且使用了ajax+pushState等技术,所以就仿照它做了个wordpress主题分享给大家。

有如下一些特性:

1、完全基于html5+css3的实现,使用了header,footer,section,article,nav,aside等html5标签,使用圆角,阴影、动画等css3特性

2、使用ajax+pushstate技术进行无刷新浏览,并且可以改变页面的URL。

3、使用localstorage技术对数据进行本地存储,即使下次打开页面访问也是直接读取缓存。

4、使用manifest技术可以将静态资源在本地缓存,这样之后的访问可以直接读取本地缓存文件,完全不用发送http请求到webserver。

5、文章列表页面支持键盘事件,可以通过J键查看上一条,通过K键查看下一条,并且自适应到对应的位置。

6、使用了支持PHP语法的HTML压缩技术,对HTML进行了压缩。

7、对主题里的js和css进行了压缩,包含style.css文件。

代码已经开源,放在了github上。

源代码地址:https://github.com/welefen/gplus

效果地址:http://www.welefen.com/

主题下载地址:http://www.welefen.com/wp-content/themes/gplus.zip

文档地址:http://www.welefen.com/google-plus-for-wordpress-theme.html

第一次制作wordpress主题,估计有很多问题,欢迎大家多提一些意见。

相关推荐