抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

最近利用加班后的空余时间把主题优化了一下,主要优化了以下一些内容:

一、更换新的主题风格

主题打算更改为简洁优雅的风格,说到优雅,当之无愧的就是苹果的产品,向乔布斯致敬!
所以我把主题色改为MacBook铝合金的颜色,再参考Mac系统的配色方案,结合一些扁平化的元素,打造出一种清新淡雅的感觉。可能有些地方还不太和谐,不过这个以后可以再慢慢调整。

此外还去掉很多华而不实的功能:

  • 侧边栏的自动滑动功能(影响网页速度)
  • 二维码扫码登录(消耗太多资源)
  • Flash标签云(被淘汰了)
  • 文章图片框等等等(追求平面风格)

二、采用响应式布局

几年前制作旧主题的时候,我的显示器分辨率为1024*768,所以博客的内容区域最多只能分配660px的宽度。
由于我的博客主要是分享一些代码,如果代码比较长的话,660px的宽度很导致代码换行,看起来很不舒服。所以增大内容区域的宽度是很有必要的,这也是这次主题修改的首要工作。
不过现在只是做了简单的修改,判断屏幕宽度大于1200px的话,内容区域的宽度就变为800px。
修改方法:下载一些响应式主题,参考里面的css代码。

三、支持AJAX请求

AJAX的好处是每次点击文章时,只加载了内容区域的数据,网页的头部、脚部和侧边栏都不会重新加载,既节省了流量,又提高了访问速度。
因为侧边栏不用重新加载,所以在侧边栏放一个音乐播放器的话,就可以一边浏览网站一边聆听美妙的音乐了。
这篇文章能教你快速地让wordpress支持AJAX:《WordPress的全站Ajax加载》

四、使用Markdown写作

有一位不愿意透露姓名的程序员说过:“我要用Markdown像写代码一样写文章。”
作为一个程序员,怎么能去使用那么笨重的富文本编辑器呢?所以用Markdown写文章是很有必要的。
这篇文章可以教你怎么在WordPress里使用Markdown:《使用Markdown写作WordPress》
如果Jetpack链接不成功,可以参考这篇文章:《Jetpack无法连接到WordPress》
附上Markdown语法说明:《Markdown 语法说明》

五、修复自定义的评论表情

WordPress4.2采用了更改了emoji表情,导致旧版本自定义的评论表情失效,这篇文章可以比较方便地修复:
《WordPress4.2升级修复补丁:解决大量404请求以及评论表情路径及尺寸异常问题》

评论