首页 > Wordpress > 自适应卢哥科技个人博客1.2.0
2015
05-14

自适应卢哥科技个人博客1.2.0

全站AJAX设计

速度飞快,且最大程度上降低网络资源的消耗。

动态背景

背景切换过度平缓不突兀。

集成了业界主流代码高亮插件SyntaxHighlighter 3.0.83

支持所有官方语言,使用方式与原版插件相同,兼容性100%。并且采用了动态加载方式,检测当前页面拥有代码时才会加载,有效降低请求数。

这款主题的设计初衷本是自用,没想到的是上线之后竟有各路现实及网络中的朋友竞相索求,更有甚者提出花重金购买。何奈之前根本没考虑过发布,所以代码兼容性很差,主题分发出去后被反馈回各种各样的bug。同学及朋友常云“卢哥人品经得住考验”,“卢哥就是喜欢帮忙帮到底”,…“你是个好人@#¥%……&*”…

考虑到为每个人的博客修改各种各样的bug不太现实,不如一口作气出一个兼容性好的版本,于是乎开始大刀阔斧完善主题。卢哥主题第一个正式版本v1.0.0于2014年07月12日正式发布。虽然刚发布时还是被即刻反馈回几个bug,但总算是完成了大多数人心愿。至今,卢哥主题经过了数个版本的更新,日趋完善。

主题风格沿袭国外一款名为“glossy style”的免费主题。主题制作的需求本来不是很大,但碍于SAE只允许域名未备案用户使用解析速度奇慢的海外通道,这才使我诞生了制作一款主题的念头。也因此,卢哥主题是一款以高性能为主打看点的作品,任何元素都以性能为前提进行设计。下面列出卢哥主题的主要特性:

主题默认请求数史无前例低至4

1个背景图、1个CSS文件、1个js文件、1个html文件。

自适应设计

支持任意分辨率。

跟随式侧边栏

右侧第二个侧边栏可跟随屏幕移动,适合广告及重点内容展示。

SEO优秀

主题在屏蔽JS的情况下亦可正常浏览,所有站内链接均为有效链接。AJAX不会影响搜索引擎的收录。

*注1:为了维护主题的客户体验,本主题去除了对网站前端插件的支持,这是从维护用户站点性能的角度考虑。因此类似标签云等有特殊外观需求的插件都会失效。

*注2:建议更新主题后清理缓存,否则某些效果无法即时生效。

卢哥主题远期规划

见的越多,就觉得以前一些设计很小气。简约美和高性能一直是我所追求的。但目前产生了一些困惑。例如搜索栏的设计上,要不要加放大镜图标。不加不美观,而且可能会让用户产生困惑。但为1个图标增加1个请求数是否得不偿失。导航栏对子目录子页面的展现形式,如何做才能对触屏友好又体现层级关系。考验想象力的地方很多,但同时,可以确定一些必须做的事情。

去JQuery化,实现纯JS。目的是降低JS文件大小。

重新设计有关SEO的meta标签展示逻辑。(或者干脆不写,让搜索引擎判断。)

卢哥主题v1.2.0 预告

v1.2.0预计更新内容如下,更多内容正在添加中:

重构部分JS、PHP代码,减少代码冗余,提升可读性、规范性。

增加顶部固定导航栏(可选项)。

图片及代码高亮延迟加载,即元素出现在窗口内再加载。

更改回复框样式。

下载地址:敬请关注

卢哥主题v1.1.3 2014/09/03

v1.1.3更新较多,侧边栏的风格与之前版本差异较大。顶部导航栏的风格还在摸索,要做到既美观又实用是需要很大精力的,本着宁缺毋滥的原则,暂缓至下一版本。本版具体更新内容如下:

增加对锚点的支持。

修复评论顺序为最新在前时载入更多评论链接位置不对调的问题。

修复可动侧边栏在低网速环境下错位和自适应恢复高分辨率时可动侧边栏未归位的bug。

微调自适应下各级分辨率的显示形式,提高页面利用率。

更改链接样式,使触屏下更容易单击链接。

重构部分JS、PHP代码,减少代码冗余,提升可读性、规范性。暂缓至下个版本。

替换最新评论小工具,直接显示评论摘要。

替换目录小工具,将文章数量移动至A标签内。

增加顶部固定导航栏(可选项)。暂缓至下个版本。

更新小工具页面、目录、菜单等父子元素的展开逻辑,更使用于触屏,更节约空间。

自适应卢哥科技个人博客1.2.0 - 第1张  | 最后的面包

下载地址:http://pan.baidu.com/s/1qW0t0OO

最后编辑:
作者:漱石
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

留下一个回复