自制模板:TBUed

Posted by zhang on

早在一年前有个姐姐给我推荐了淘宝UED团队的博客,说他们算是国内UED届做的很不错的了。闲着无聊就上了下他们的网站,对他们的网站模板很感兴趣,研究了下,发现他们用的是wordpress,就准备动手扒下来。
从去年暑假开始,我就开始了制作。不过由于当时用的网站程序是emlog,所以也没有太多的动力去做,半年的时间做做停停,只完成了header.php、index.php、sidebar.php、functions.php以及style.css的编写,后来就放弃了。开始准备各种考试。
今年,考试基本都完成了,可以静下心来码代码了,而且今年也把网站程序从emlog转到了wordpress,更加有动力去扒主题了。花了三天时间,模板制作完毕,后边一直进行修修补补式的调试工作。总体来说还是很满意的。比第一次扒阿里UED团队的模板要顺畅的多。应该是一回生二回熟吧。
QQ截图20150106221648

 

在制作过程中,扒了淘宝团队的css文件,并根据后期效果进行了微调,借鉴了bluebox模板(也是一个高仿淘宝UED的wordpress模板)、官方的twentyfifteen、twentyfourteen以及twentythirteen模板。利用了多说评论插件来实现社会化评论、MobilePress插件来兼容手机端访问(好吧,我承认我是想做成响应式设计,可水平有限。Σ( ° △ °|||)︴)、jQuery Colorbox插件来实现图片弹出层。
在functions.php中,自定义登录失败的信息以增强网站安全性;自动获取文章第一张图,如果没有就调用指定文件夹中的随机图(20个图片)(完全手写代码,我可以说我其实不懂PHP吗。。好吧,我也是蛮拼的。);利用微博API文章同步到新浪微博;并且基于我国国情(你懂得),将WordPress 后台中的open-sans字体加载源从Google Fonts替换为360的CDN加载源。

版权声明:

此主题模仿淘宝UED,代码各种拼凑,代码所有权属于原作者。您可以基于MIT协议对这个模板各种蹂躏。

使用本主题产生的一切后果由使用者负责,本人只是一个打酱油的油麦菜→_→
PS:当然,我也不会把这个模板放出去,毕竟有大量他人代码。下一步我将会重写代码。重写完成后,再发也不迟。(当然,我各种给自己挖坑不填(*^__^*) ……),不过偷偷告诉大家,我把代码托管到了github,而且我在某个地方藏了github上的地址,大家找到的话,不算我发的啊。