做Wordpress主题不难
祝朋友们新年快乐。年底很忙,不过忙是好事。
看到 Welee 朋友总是在给 Wordpress 换主题,我想对他说些话。当然,也是说给很多朋友的。
我想说,做主题并不难,所以尽可能尝试自己做主题。不要认为我站着说话不腰疼,事实就是如此。用别人做的主题,你不可能百分百满意,修改工作是免不了的。修改主题,同样要花费时间,但看见"更好"的出现,你可能会毫不犹豫地换上,然后开始新一轮的"修补",周而复始。为什么不把这些时间用来学习制作一块完全属于自己的主题呢?
当你开始自己制作主题,首先你便学会了不轻言放弃,没人会轻易放弃自己做的东西。比起很多主题,也许它离完美还有很长的距离,但我相信你会努力让它完美的。这是一个学习的过程,也是自我成长的过程。
你可能会说,我什么都不会啊。
事实上,不是每个作者都能熟练掌握制作 Wordpress 主题的三个要素:PHP/xHtml/CSS。那他们是怎样做出主题的呢?奶油蛋糕人人都吃过,做蛋糕的师傅并不是从无到有将奶油蛋糕变出来的,他也需要原材料。甚至,被奶油覆盖的蛋糕胚(白蛋糕)都是从别处拿来的。
很多主题作者也是需要蛋糕胚的糕点师傅。他(她)们的框架大都来自 Sandbox、Kubrick (默认主题) 或者 Blix。这三个主题并不具备十分华丽的外表,常人看到甚至会觉得简陋。但是,它们的框架很优秀,它们的功能和内涵很丰富。所以,大部分主题作者一开始都会以三者之中的一款作为基底进行创作。将框架拿来,然后自己写 CSS,在写的同时,对"蛋糕胚"进一步做切割或者整改。
可以说,做主题,你不需要了解太多,会 CSS,对 DIV+CSS 有简单的认识就可以了。
当你开始维护起自己的主题,修改出合自己心意的蛋糕胚,你就有了做主题的本领。至于剩下的,全凭想象力和创造力。还有一点很关键。学会了做主题,你会发现,原来有些主题并不像原先认为的那样好,至少完成同样的效果你不需要像他那么"小题大做"。还有些主题,表面看来平淡无奇,内里却蕴含了很多精华。
当你对很多流行的主题有了理性的认识,那么你离成功的主题作者便不远了。在 CSS 的问题上,我们人见人爱的 Sofish 同学是一个很好的老师。如果 Google 搞不定,不妨向他请教请教。
最后推荐一些网址:
http://www.w3school.com.cn | 一个学习 Web 技术的好地方。
http://codex.wordpress.org | Wordpress 官方函数文档。
P.S. 1. 在 Wordpress 官方主题目录搜索我提到的三款主题,你会发现,很多主题都是基于它们制作的。
P.S. 2. 如果你希望做出的主题不仅仅有独特的外观,还要有强大的 AJAX 功能,不妨以 K2 做基底。有关 K2 的更多中文资料请参考 Xu Yiyang 的介绍。

好,一直想尝试却一直没尝试,对网页方面提不起什么兴趣来.不过自己那个 theme 确实有几个地方要折腾一下,是得决定认真学一下了...

节日快乐!!!
@iColor: 新年快乐!我猜 iColor 会来沙发,结果真的来了。
@Shawn: 哈哈哈哈,这都被你猜中了,不得不说 Safari 内置的 RSS 订阅对某几个 blog 很套近乎,当然也许是你们的 RSS 订阅那块做的比较好,我不太懂这个...反正最近好几次是第一...哈哈.
P.S. 话说大过节的,把 icolor 改成 iColor 行不? - -
WP加上AJAX的确很牛~可惜不会~
@fqch: 不会就学嘛,没有人是生下来就会的。
哈哈,我想尝试做 jQuery 的主题
对主题制作很感兴趣,对 jQuery 很感兴趣,呵呵
@vern: 做吧,我期待着
@沿阶草: 兴趣是很好的学习动力。
@Shawn: 你的主题还加上了MC彩蛋~ 效果很好,能发声更好了。
@沿阶草: 呵呵,随大流而已。我不过洋节的,今晚12点准时去掉,所以不折腾了。
我觉得,之所以很多人经常换主题的一个原因就是,现有主题都是很大众的类型。
1) Default ,各种各样的博客都适合用。但是某天发现了 iNove ,马上就换掉了。
2) 某一款主题里使用了大量的某种视觉元素(比方非主流),受众就小了吧,但是喜欢该主题的同学会更加爱不释手,也就不会总去更换了。
a) 修改主题时(比方添加某功能)我们通常直接打开文件修改,如果我们写一个自用插件来实现可能的修改,换了主题后就不用重复劳动了吧。
b) 最好是由主题作者对主题使用者进行细分,并附上相关资源,诸如 PSD 文件之类,甚至是在线切图程序。
叫每个人都去为博客的样式而去学习 CSS 也不太现实。
@Lorz: 你要知道,写插件的门槛比 CSS 的门槛高到哪儿去了。而经常改主题的人刚好改的都是 css,怎么写插件呢?
之所以让大家学习 CSS,就是因为大家或多或少都接触到了 CSS,而 CSS 本身不难,难在积累。所以开始正式学习,就等于入门,坚持维护,就等于积累。耗费同样的时间,最后是一个不错的主题和丰富的 CSS 知识,另一个是换来换去的主题+还没入门,哪个更合算?
其实当初我也是因为这个原因才学习了css的,呵呵,然后自己做了一个,虽不完美,但没有用别人主题的那种不满足感了~
@ZH CEXO: 是啊,只有自己做的东西才最能满足自己的需求。
在学习中,准备放假回家做出第一个主题。
文章很有意义!!
自己也尝试改了一些地方,通过css和主题文件,慢慢摸索吧。
感动一:我的链接竟然上了 Shawn 的文章,而且没 nofollow,何等荣幸...

),我在 2009 年的目标之一就是自己制作主题,所以这篇文章对我来说可说是今年最佳的圣诞礼物了。
感动二:Shawn 竟然会注意到我的苦恼,而为了我写了这篇文章,真是我八辈子修来的福...
说回正经的(上面的其实也很正经...
对 HTML+CSS 没问题,毕竟我在个人主页时代也曾架过站,PHP 是自学的,比 Javascript 熟一些,所以我想自己制作主题该没多大问题。
附带一问,通常在测试主题时,该选择在 localhost 上还是在虚拟空间中另建一个 Wordpress 程序?
恩恩~修改实在太费功夫啦... 但是我也不知道到底自己想要的是什么样子的...
也许是善变的缘故哈哈哈. 不过是打算寒假慢慢研究一下 很想自己做~~
@Tina: 羡慕有寒假的人飘过
其实也是很想自己做一套主题 可惜不知道从哪里开始。。
还是打算就把现在的维护好。。其实我那套Blocks已经改得差不多没有MG12老师当初的风貌了。。
对于制作主题:
);
1. 有能力,自己做;
2. 没能力,找最接近自己心意的主题;
不是因为我们想有个完美的 OS 而要去自己开发一个,这是个不现实的问题
一点个人建议:
1. 有一定能力,并且对相关技术感兴趣的,自己做,有了一定的功底,再去用别人的自己都觉得对不住自己所学的知识;
2. 专注于内容的博客,如果有能力当然自己做最好,但很多优秀的专注于内容的 blogger 们并没有制作的能力,这时可以寻找一些优秀的主题,或者可以找人定制,如果有经济能力的话;或者找圈里认识的朋友免费定制一个(hint: sofish 是很好的选择,先跟他套套近乎
用模版来做框架的确让做主题很简单了,想想其实只要设计一个页面出来整个模版也就有了。呵呵,然后剩下的就是修改细节的地方。关键就是设计和创意,自己的想法。也许有时间了会自己折腾一下出来。哈哈!
我爱死那个merry xmas了...
我的BLOG评论现在一塌糊涂,CTRL+回车提交再IE下莫名其妙地变成搜索提交了...ft
@welee: 哪里有那么夸张
刚好我注意到每次你换主题都会自己修改一部分。还是把这些时间用来自己做一套吧。一般都是在本地搭建环境来调试,更方便,推荐 PHPnow 或者 XAMPP。
@Tina: 你一定知道自己想要什么的,慢慢修改,慢慢看,就会发现心仪的方向,但我还是觉得自己做的东西是最心仪的。
@Zoll: 我觉得。。你就是那种,绝对该自己做的童鞋,从 sandbox 开始,一点一点开始,完全能出一套不同的。
@Andor: 主题的门槛真的比 OS 低太多太多,就好象我们没有必要为了吃到正宗的北京烤鸭而学习,但是一碗牛肉面还是可以自己做一下吧。
顺便,也可以找 Andor 童鞋定制,和 Sofish 一伙的,你知道他很优秀。。
@xiaorsz: 嗯,你也是我一直等着看你自己做主题的人,时间不会是问题,每天一小时就好。
@disinfeqt: 应该是 TabIndex 的问题。
@Shawn:
肖恩兄抬举了^^ 我何况不也是心痒痒的~
这段时间是不可能了 不过09年应该是不成问题的^^
额 打错字了。。何尝。。
看了那个 Sandbox。。的确是简陋了点 呵呵
有时间琢磨下~
哇, 强大,其实,没有想那么多。只是,想为自己做一个适合的主题。而后来,竟然喜欢上了,现在,竟然想“占领天涯,轰动全国”式地让别人用自己的主题。做主题怎么说呢? 喜欢了,就会做得出了。
@Andor: Andor同学也是一个主题牛人来的...
@Zoll: 慢慢来,sandbox 这种近乎白板式的主题,正好是用来写 css 的绝佳材料。
哇...刚刚想自己做一个主题的说...
用别人的主题的确是总想找个更好的来用...
@sqybi: 你头像是银狐吧?
扯远了。自己做的主题,想要更好的功能,会排除万难把它集成进去。这种感受和动力是用其它主题得不到的。
@Shawn: 牛肉面确实比较简单一些,不过对于任何领域都有很菜的人,也无需我为了吃碗面就要自己做,有外卖可以叫啊。“简单”的基础是你已经对此很了解,回过头看,简单;就像我前几天做 AIR 程序,一个很小,别人不屑的问题,我愣是想了好几天,对现在的我来说,AIR 一点也不简单,因为菜。
我的主要观点还是:术业有专攻,有能力做主题的就做,没能力咱也不打肿脸充胖子,全民炼铁的教训还记忆犹新,专心关注自己的领域才是正道。所以大家一起做,未必是件好事。
大家觉得呢?
@sofish: 唉,不做主题好久了,都忘了
@Andor: 其实吧,不会做主题的人,想用现成主题的人,才不看这个文章呢。我看见很多人把他人的主题改的很好,精力都够自己做个主题了,才有此一说。他们具备了做主题的基础,只差开动。
我的意思是,既然注定要在主题这一块花功夫。改别人的,不如做自己的。
@Shawn: 那个小动物貌似是仓鼠呃...很久以前从也不知道哪儿down下来的...
嗯...只是要费一些时间...
我准备寒假好好研究一下,自己做出一个Disney的皮出来
之前Shawn在我博留言都没留网址,但后来才突然注意到Shawn这个名字很经常出现!原来是猫咪和技术达人!
顺便祝圣诞快乐,哈!
@Snowyy: 哈哈,欢迎光临,其实我该拿你举例,你看你就用的 sandbox 然后自己写的 css。新年快乐!
前两天做了一个主题,真的是痛恨那天杀的IE 6
@stephen: 哈哈,我去给你留言了,很棒,真的。
厄,当初我就是有你这种想法,三个月都不知道自己在干嘛~吃饭睡觉都没味道~Merry Christmas!Merry Christmas!Merry Christmas!
@Shawn: 这样确实正确,唉,原来我一直没有读懂你的真正意思
@Shawn: 用我举例?啊,脸红一下,不敢当,我基本没有大改主题,太简单可能帮不了太多人吧~~
稍后断电,摘日再细细研究下这里,很多细节处理得很好啊。
@Shawn: 我有点打算使用K2作为底层重新写一下CSS文件,但我也觉得K2有一个毛病,AJAX评论后评论框就消失了。。。。
来晚了。两蛋快乐
呵呵,来逛了几次,都没留言。不好意思,这几天也在学着主题制作,拿着codex文档边参考边做,做的可以用了,打算在慢慢改。你的主题是我的努力方向呀。有空会常来
Shawn的博客就是这样,常见常新,隔几天又有小变化。
尤其是这些动态效果,非常引人入胜
@stephen: 还会出来的哈!!呵呵,那个是作者故意设计的,稍微改下就不会了!!
不过觉的有时自己没有那么有创意.在别人的基础再做一些修改就变的更加好了.不过我只会做一些小的改动.但是会心者都会做的更好.
http://www.w3school.com.cn
这个网站不值得推荐啊
还是多看几本CSS书比较好
@胡戈戈: 确实很多网站都不如一本书来得系统,但是很多人似乎习惯在实践中学习,做的时候再去查,网站的效率就比书来得高了。
同意胡戈戈,
我觉得还是看书实在,在网上找些例子素材学习比较方便, 但是书来的更系统,而且看电脑屏幕太累
嗯,还是自己设计主题好,改个页脚指不定哪天作者跑你博客上兴师问罪~~
我这两天正好在捣鼓这事,你又正好说这事 ...

只会一点点CSS,加之时间有限,所以只能改主题了,对于现在的主题还是比较满意的。呵呵
偶也只会一些css
原来玩PJ的时候就做过几个简单也不成熟的皮肤,后来就是因为框架限制,而且一切其他的原因,所以就换掉了,成了现在的WP。一直说要做皮肤,但是技术上觉得和PJ就是不止一个等级的差距了,不过看到这篇,我又燃起了熊熊火焰,哈哈,准备放假在家里做几个PSD的模板出来,然后再试着从默认的皮肤里改改啦。哈哈。。。受教了~
顺便说哈,网上有教程做主题的,但是似乎是两栏的,我好想做一个三栏的试试,有差么?
@恬玮儿: 没差别,只要比较懂 CSS 的话,多少栏都没差别。
也换头像了

又是一个值得学习的地方!收藏了
开始换衣shawn也是一个启蒙老师了 和饭岛爱有相似之处 只不过方面不同 呵呵
话说 我的CSS禅意花园买回来了 不过太深奥了 还是CSS实战手册比较不错
开始怀疑 哈哈 情急 打错了
@Shawn: 如果是固定栏似乎就没差别,但是现在的皮肤一般都需要支持Widgets,那就不太清楚需要怎么弄了。
唉,我看见abcd就脑壳疼咧,咋办!
我用的是qwim修改的~
还是觉得挺难啊
关键在于需要认真学习学习CSS,不然不可能做得好,起码兼容浏览器方面就得整死你
也在图书馆借过一本CSS的书,可都没怎么看。我最近也在狂找主题,越找越眼花。
要做得满意,不仅要懂美工,还要懂CSS,JS也少不了……难
用PJblog时弄过一款,用WP也只弄过一款,其实正如博主说的那样,理解(主题结构函数)外加坚持不放弃,一定能成功。当然必要的一些基本知识还是需要的。
我感觉吧,不论是多好的主题,看的时间长了总会出现审美疲劳的问题。
@disinfeqt: OK 解决 改了一下FORM里的NAME
额,换成K2试试,感受一下这个著名的皮肤
@恬玮儿: 我看见了,而且发现 k2 变漂亮了,哈哈
最近正在琢磨博客新皮···
本以为fisio的主题够精致的了,没想到还有更加精致的。
每个细节都追求完美,可以说精致到极致了,佩服佩服。
这个像是笔记本的留言本真是太特别了,跟其他的框框box留言本不一样呢。。。不知道是不是有背景图片弄的还是别的什么……
回到主题:你说的开头那段真是很中肯!!!
@mercy: 过奖了,Fisio 的 Blog 才是精致,我的只是比较注重应用。
@sherry: Textarea 部分是背景图片。
我决定了!我牛年以后的目标是学习做wp皮!即使我连English都不会。。。
伟大滴Shawn大大给了我信心!我发誓!
@LOKE: 不用会英文的,你看最近 Xiaorsz 和 Welee 的皮都相继做出来了。
我很喜欢您所说的“当你开始自己制作主题,首先你便学会了不轻言放弃,没人会轻易放弃自己做的东西。比起很多主题,也许它离完美还有很长的距离,但我相信你会努力让它完美的。这是一个学习的过程,也是自我成长的过程。”
-_- k2 的代码看了头疼!
大虾,你的主题很不错呀!可否提供下载呢?
你现在用的这个主题叫什么?很不错~在哪里能下载到呢?
我也很喜爱作者的皮肤啊,能否共享哦?