WordPress单栏小清新博客主题Shed

耗时整整3个星期，第一个算是原创的主题Shed终于出炉，为啥说“算是”？因为单栏主题就这些模块，多多少少都会带点参考主题的影子。由于是作为自己打算长期使用的一个单栏主题，这次真的是用心制作，为了自己方便把平常能用到的功能都给集成进去了。主题不支持文章样式，觉得没什么意思。只提供2个段代码，一个mp3和一个lrc，推荐使用blockquote和h4和ul文章布局。

主题特色

• 小巧玲珑，男女都适合。
• 主题设置+背景切换+二级菜单
• lazyload+phzoom+评论Ajax提交和翻页+Google搜索+scollTop
• 4个页面模板+1个短代码+各种css3和jQuery特效

精心制作，不敢说有多么多么的好，但确实为了每一个小模块的微调而烦恼很久，最后才确定。

关于footer问题，好像觉得怎么放写什么都不好看，而且恰好scrollTop也不知道放哪儿，所以直接把版权信息之类的都放到了scrollTop图片里，不信右下角右键点击新标签页打开图片看大图哦~~

原本主题是用了html5元素构架的，但是后来发现还是忍不住用createElement()的时候，就给主题换了一次血，全部换回div，css也重改了很多。现在主题支持ie8+浏览器。千万不要试图用ie6访问我的网站，因为它不支持max-width，而我的站里全是没指定宽度的大图。。

访问体验：chrome=firefox>opera>ie9其实差距也不大，只是ie9不支持css3的text-shadow和transition动画而已。根据测试来看，ie9对动画的反应等方面比chrome还来的顺畅。更蛋疼的是如果单看顺畅程度的话360是最好的。

作者吐槽

现在想想主题的最初版本，简直是惨不忍睹啊。由于自己的不会用ps设计，所以只有根据自己脑袋里的想法用css慢慢的调试，这就造成了主题在制作过程中都没有一个完全的标准，往往都是在大体有的基础上，或者吃法，或者睡觉，脑袋里突然想到要怎么改，然后有空时就开始试。这样的孩子伤不起啊，不过在做某些方面css还是相当快的。

说回html5，在上次回家的时候，专门跑到图书馆去看了看h5的书，然后回家就给实践替换了。本来最初的想法是直接K掉ie9一下和其他杂牌浏览器的，不过最后还是没忍住搜索让ie6、7、8也基本能正常显示，最后越想越麻烦，越来越觉得自己多此一举，然后就狠下心换回来了，自己想要初识html5和css3的目的已经达到了，至于主题的h5版本就让他存档到回收站吧。

关于背景图片。想想吧，一个连jQuery(document).ready()这句话都不知道怎么写的孩子要去写一个背景切换，而且还要从主题设置中获取图片地址，怎么都觉得不自量力。但是各种参考和百度过后，大体还是出来能用了，只是对居中放缩问题有些不满意而已。以后慢慢优化吧。

下载地址：WordPress单栏小清新博客主题Shed（提取码：0a80）