移植主题TwentyFourteen

唔,前两天有人求WordPress主题,交流一番之后知道了WordPress居然又发新的默认主题了!之前那款TwentyTwelve也很是不错的说,看了下新发的TwentyFourteen,我也很是喜欢,果断就开始了扒皮行动。话说我也是现在才知道WordPress的默认主题对应着年份的,这么后知后觉真心好忧桑。至于TwentyThirteen那款默认主题由于个人不喜欢甚至觉得有些难看而自动过滤掉了。

在跟各种神奇的WordPress语法大干一场后,抄袭移植就基本完成了。秉承着尽量忠于原主题的原则(说的好像自己扒皮多有原则似的,→_→),主题的资源文件当然是毫不犹豫的是从原主题拷贝过来的啦。发现WordPress现在真是各种高度集成,乱七八糟什么样的函数都有,通过函数能做大部分的事情。同时今天看到一句话“Typecho就是早期整合度不高的WordPress”,对此也深表同意。原来做WordPress主题跟Typecho一样,也就是header index footer sidebar post page comments functions几个文件而已。现在的WordPress主题动不动就是十几个模板文件,各种嵌套引用,头都大了。以及觉得Typecho果然还是有不足的地方啊,好几个需求都没办法直接实现,有些甚至没法实现,只能各种“黑魔法”。

虽然花了我一些时间去移植,但是不保证完全没有问题啦,有问题的同学请留言提出来,我会尽我所能解决的。最后放上页面预览和下载地址:

TwentyFourteen Theme

<h2 id="update">更新:</h2>

本主题更新至1.1版修复了WP官方的定宽(最大只能显示1260px)的问题,以及搜索页面的一些排版问题。

下载地址:BOX | 百度云

移植主题TwentyTwelve

之前帮Jclyn修改个主题,呐,这个暂且不提。反正因为这个我装了下WordPress,解压出来14M让我稍微汗颜了一下,呐,这个也暂且不提。总之就是装了WordPress之后发现新版自带的默认主题好好看哇!然后我就当机立断毫不犹豫地准备抄袭移植到Typecho上来了。

在跟各种神奇的DOM大干一场之后,抄袭移植就基本完成了。话说这回CSS什么的是赤果果的拷贝引用原主题的呢,所以原主题的响应式设计也非常完备的给继承了下来,不过总共35KB的CSS文件,让人不禁捏把汗啊,果然WordPress有着整体变大的趋势。至于别的什么特性我也不大清楚啦,有就有啦,木有的话大家就凑合着用吧[揉脸]。

页面预览:

目前已经更新至1.1版,修复了IE8以下被识别成小屏幕分辨率样式的问题。

目前已经更新至1.2版,修复了评论回复点击回复需要重新载入页面的问题,如果使用此版还会出现重新载入现象的同学可以考虑在</body>之前加入<script type="text/javascript" src="http://imnerd.org/usr/themes/twentytwelve/js/comment.js"></script>

下载地址:1.2版下载地址 | 1.1版下载地址 | 1.0版下载地址

微博客新皮

<span style="font-size: 14px;"><span style="color: #333399;"><span style="font-family: 微软雅黑;"> 花了四个小时的时间,终于搞定了这个皮子了。主要目的是为了达到博客和微博客的主题一样。由于偶经常会给博客换header,所以微博客那方面背景就直接引用了博客这边的地址,哈哈,这样就可以同步更新啊!目前在Firefox下么有问题,刚刚看了下,在Chrome和Safari下也么有问题,IE8看了下,header下边总会多出一条小白线,而且header和mainer总会偏斜,但是不敢改,一改FF下就不整合了。至今不解中,Opera没装就没测试了,不过也应该没有太大问题。如果是IE6的同学请不要踏进我的微博客,用IEtester看了下,简直惨不忍睹啊,五马分尸了都<span style="color: #ff9900;">。</span><span style="color: #ff9900;">由于在IE下的惨不忍睹,本人决定对IE内核实施屏蔽,于昨日晚成功加入代码,所以IE内核的同学将什么也看不到,所以说IE啊,360浏览器啊,傲游啊啥子(手机浏览咱就暂时忽略吧,PC都还么搞定呢),如果你们看不到请不要在下面抱怨哈!哈哈!(本来是有这句的,没想到发上来的时候少掉了,特来补上。)</span></span></span></span><span style="font-size: 14px;"><span style="color: #333399;"><span style="font-family: 微软雅黑;"><span style="color: #000000;">最新消息:本人已经修复了IE7/8和不同分辨率下的错位问题,现对IE正式解屏蔽,欢迎大家前去围观,不过还是IE6的童鞋就将就下了,以后再来和谐IE6吧。</span><span style="font-size: 14px;"><span style="color: #333399;"><span style="font-family: 微软雅黑;"><span style="font-size: 14px;"><span style="color: #333399;"><span style="font-family: 微软雅黑;">不介意的同学可以转至下载页面,升级您的浏览器。另外,由于屏幕分辨率问题估计也会引起错位,偶的是1280 x 800,么有问题。谨记千万莫没事就放大我的微博客,同样有五马分尸的效果。欢迎小盆友践踏围观:怡红别院 (友情提示:请使用FireFox浏览器登录以便获得更好的体验!)。偶也么啥米技术,让偶自己做个皮子出来是不可能的事情了,只好改改了。对大家来说可能很简单,但是对偶来说也是不小的尝试,不管怎么说,终于成功啦,虽然花了偶四个小时,但是偶很高兴!修改过程深刻让我体会到了IE的可恶,以及FireBug的强大。本来是要放导航栏的,但是似乎音乐墙和照片墙有点点不和谐,自己又不怎么用,干脆就把链接给清空啦!哈哈!Oh~yeah~</span></span></span></span></span></span></span></span></span>

<span style="font-size: 14px;"><span style="color: #333399;"><span style="font-family: 微软雅黑;">我自己的一个算不上作品的作品,截图留念:</span></span></span>

image