移植主题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版下载地址

拷贝修改了两个模板


<div style="text-indent: 2em; font-size: 14px; font-family: Microsoft Yahei, Microsoft Jhenghei; color: #333399;">

最近又有变懒的趋势了啊,博客又有好几天没有更新了,额/过年没啥事好说的,无非是走亲访友,吃吃喝喝的,不太好玩……/主要还是听不懂这里的地方话,他们讲话无异于对我唱摇篮曲/

话说最近又百无聊赖的操起DIY的折腾精神修改了两个模板,一个是我的班级网站的,一个是PageCookery的。班级网站的是以WP主题库的某款主题为原型,添加了以酷狗叮咚网站的导航栏为原型的菜单栏,然后增加了两个大图标以及几个小图标改版过来而成……原版的主题很简单,就一个头部图像,这个主题貌似强大之处在于在IE下也能显示圆角/貌似利用了图片/,仅此而已,本人也奉行简单原则……爽乎乎……话说要想在WP中找到一款合适的CMS主题还真不容易额……

PageCookery的这个是以凳子童鞋的饭推 / 姑且让我这么称呼这个网站 / 中的某个主题为原型,主要是取材了它的气泡显示消息的形式。本来也想搞成两栏型/entry + sidebar/的,但是人太懒了,不愿意搞了,这个样子已经达到了我的最初目标了。话说我还真是天天为抵制IE大行动做贡献呢……这次的PageCookery很华丽丽的在IE下显示的一塌糊涂/IE8已经测试,IE6未测试,不过我想也好不到哪里去吧,说到IE6,上面那个WP主题似乎在IE6下也是显示一团糟啊,不知道是不是我修改了的原因/,这个我是早就预料到的,不过没预料到的是Safari的显示也有些问题,囧……另外,搜狗2.0下也有问题/搜狗2.0不是Webkit内核的么?!/然后是好消息,在Firefox, Chrome, Opera, 傲游3.0下显示都没有问题,灰常正常/完美就没有了,本身模板就不完美……/鉴于主题毛病重重,我就不发出来了,如果真的想要的童鞋可以留言给我~

好了,其它的不说了,上图:

这个是班级网站的,点击浏览大图哦!里面的内容我稍加修改了一下,大致的框架是这样的啦!

</div>
image
<div style="text-indent: 2em; font-size: 14px; font-family: Microsoft Yahei, Microsoft Jhenghei; color: #333399;">这个是PageCookery的,背景本来不想用Twitter的,无奈真的找不到什么好的素材了,咳咳……要围观的话图片上面有地址的,我这里就不放出来了啊~</div>
image

Girly Nature汉化

<span style="font-family:微软雅黑;"> Girly Nature<span style="color: #ff0000;">『问题已经修复,请放心下载!』</span>
原文地址:</span>

<span style="font-family:微软雅黑;">http://www.templatelite.com/girly-nature-free-wordpress-theme/
作者说明的翻译:
我制作的大多数主题都属于中性,这个主题是最女性化的。因此,我为它起名为“少女情怀“。
过去的十个月里,我推出20多款主题,它们的风格各异。目前我有个主题整容计划,打算为一些主题赋予新特性和新面貌。
此主题放出时间:2009/07/17.
预览地址:<span style="margin: 0px 1px; padding: 0px; color: #2f63b3; outline-style: none; text-decoration: none;">Girly Nature主题预览</span>
公子汉</span><span style="font-family:微软雅黑;">化版本下载:Girly Nature汉化</span>

templatelite theme girly nature

<span style="font-family:微软雅黑;"><span style="color: #ffffff;">空格</span>这次的汉化主题,是从妖狐那里抢过来的,自己莫打算用,apple姐貌似有用的趋势,所以我的预览地址就放她的了,呵呵。通过这次的汉化,我终于明白我的英语差到什么程度了,汗颜,估计这次四级无望了,OMG!因为英语的白痴级程度,所以这次的汉化,还是比较卖力的,看到缩图上的没,我连搜索框上的那个Search也汉化啦,呵呵……改成搜索了,只是不太好看了。想要Search的可以下源文件,然后把那张图片上传覆盖就可以了。</span>

<span style="font-family: 微软雅黑;"><span style="color: #ffffff;">空格</span></span><span style="font-family:微软雅黑;">这次汉化还给我明白点东西了,由于页面和文章的评论都是引用Comments.php这个文件,然而我的思想是这样的:在日志中,那是叫发表评论,而在留言板等页面中,又是叫留言了,所以,到底该翻译成评论还是留言,很是困扰着我,最后突然茅塞顿开,不管是评论还是留言,不都是回复么,所以我在Comments中全翻译成了回复,然后在Singles.php中翻译成评论,在Page.php中就翻译成了留言了。</span>

<span style="font-family: 微软雅黑;"><span style="color: #ffffff;">空格</span></span><span style="font-family:微软雅黑;">我还附带了一个留言板模板,方便刚刚创建博客的朋友。嗯,这里再附上留言板的之作过程吧,也是以前发给apple姐的,呵呵,现在搬点老东西出来,凑凑字数:</span>

<span style="font-family:微软雅黑;"><span style="color: #f00000;">首先</span>是页面名称,填写“留言板”(也可以是其它的什么,你想填什么都可以)</span>

<span style="font-family:微软雅黑;"><span style="color: #f00000;">其次</span>是右下角的模板,从下拉菜单里面选择guestbook</span>

<span style="font-family:微软雅黑;"><span style="color: #f00000;">最后</span>点发布就可以了。</span>

Guestbook

<span style="font-family:微软雅黑;">大致是这个样子了,有其它的什么再补充吧,呵呵。</span>

纪念那逝去的年华

<span style="font-family:微软雅黑"> 很久了,我都没有更新了,明猪一直催我更,可我真的是没有什么好说的呀……今天看到留言板翻页了,突然就感怀起来了。博博也有两个月大了,从无到有,我付出的时间也是很多的,其中,我也收获了许许多多的快乐。(辛酸没有,因为有困难就去问博友去了。)这里真的要感谢一下我的博友们,帮了我很多很多。比如我这个改版的默认主题吧,几度遭遇难产,也是多亏了明猪和安的帮忙,才得以顺利生产。我想说的是,虽然你们说的我不一定懂,但我明白你们帮助了我。</span>

<span style="font-family:微软雅黑"> 嗯,说到这个主题,哈哈,我就要来说一说了,其实最开始是想给底部加个草丛的,找到素材PS进去,发现,哇噻,我从来都没有这么好的PS技术诶,不能浪费了呀,把上面的图片也改了去就好。下面小草吧,上面何不来个蓝天白云?于是去找素材,发现蓝天的Banner真的好难找哦,无奈之下只有从大图中裁一部分出来了,大家应该看的出来吧,想叫明猪教我怎么把那个边边模糊化,一直忘记了,ORZ……然后是加字进去,本来说安那里有好多新奇字体的,想让他帮我做做,结果那几天安跟人间蒸发似的,打死我都没找着,那就拜托明猪啦~其实最后还是我自己做的,当然,还有我哥的帮忙啦~最后发现居然没有返回首页的链接,就想加一个。问明猪吧,某人说他CSS烂的掉牙,某个人又人间蒸发,等了好些天终于等到安的出现,讨论了半天,最后还是说加个导航菜单为妙。最后的最后还是仍了一个网址给我,我自学去了……555,所以说,安,你其实只要扔mg12的网址给我就行的,ORZ……其实后面还有请教他们怎么移动这个菜单的,可是某人讲的比较抽象(要不我的脑袋有问题),没成功。主题的话就先讲到这里,CSS等有闲情了再来修改吧。</span>

<span style="font-family:微软雅黑"> ORZ,发现讲了半天,还是跟题目没关系呀,不行,嗯,就贴几张在博友那里的刷屏记录吧,证明我是很用心的在博友那里踩了,嘿嘿……大家请看图:</span>

<span style="font-family:微软雅黑"></span><span style="font-family:微软雅黑"></span>

<span style="font-family:微软雅黑"></span>

<span style="font-family:微软雅黑"></span><span style="font-family:微软雅黑"></span>

<span style="font-family:微软雅黑">大家看看有没有自己的博博吧,嘿嘿……对了,再贴一张我的FC超100时候的图,当时我真的很激动阿……</span>

<span style="font-family:微软雅黑">
</span>

Inanis Glass公子汉化版

嗯,怎么说呢,我一向是奉行拿来主义的人拉!

打夜班把它给汉化了,发现某些东西还是挺有趣的嘛!嘿嘿

不多说了,大家要想下的就下去把。

应该说,大部分能够想到的地方我都汉化了,有些虽然看到了,但不知道是干什么的,也就没敢乱汉。有些翻译还是非常的生硬,而且有些错误,我认为的,但是网上没找着.......

说了这么多,意思就是说,最好自己再改下就好多了,呵呵。

<script src="/extend/extend-themes/themes/thickbox/thickbox.js" type="text/javascript"></script><script src="/extend/extend-themes/themes/thickbox/theme-preview.js" type="text/javascript"></script>
<h2>Inanis Glass</h2>
<div id="plugin-info">
<h4></h4>
screenshot v1.3 - Glass-like theme for WP 2.6+. 2 col. fixed w/right sidebar, widget & multi-language ready, 7 reader selectable themes saved by cookie, and default sub-theme is admin selectable. Admin selectable picture. README FIRST!Created by Inanis.</div>
 
下载地址: Preview   |   Download(En)   |  download id="1"