开源仿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主题,估计有很多问题,欢迎大家多提一些意见。