DIY一份WordPress主题？ In 网事 @2010-05-15
毕业论文几天前忙完了，给导师发Email，但至今也没回应。大佬挺忙的样子，小组里没一个人是得到回应的，不管我们撒。不管就不管吧，反正论文的工作现在转移到导师大大那里了。所以，这些天我都有大把的时间。
当然，我没闲着。从去年接触并使用WordPress开始一只很好奇它的主题是怎么制作出来的，也很羡慕做出特棒的主题的牛人们，碰到喜欢的主题就想换一换——这也是WP的一大奇观，有五彩缤纷的衣服和饰品随你换，而且大多是免费的。俗话说好奇害死猫，不俗的话说好奇使人进步。虽然身边的衣服五彩缤纷，但终究是别人做的，不能完全符合自己的身材（个性或者想法）啊，你总是会有“这里能不能不要这样的，能不能那样”的突发奇想，所以我们有时候需要修改主题的这里或那里。
但，修改有时候也不能满足我们的要求，所以……我们能不能自己做一个主题试试呢？本着DIY的创造精神，还等什么，动手吧！
网上找了一些资料，一切要从我爱水煮鱼的主题制作教程开始，下载了一份PDF版的花一个多小时看了一遍确实收益匪浅：照着做就可以做出一个简单的主题了，其余的工作就是美化和加入其它功能而丰富它而已。因为原先有一些HTML和DIV+CSS的基础，所以看起来和做起来也不觉得有多困难，一切都很顺利。
我想做的是一个笔记本的样子：不久的将来或许格调生活、苦楝子以及http://kulianzi.cn会改成“微言笔记”、马路小生以及http://microsez.com，当然，博客的内容风格与定位（原创，生活零碎以及我的环境变迁之记录）都不会变——这些是后话了，不说。基于想要改变一下，所以主题的样子也是按照后者的思路去做的。花了两天的时间，半成品就出来了，就是下图这个样子，很简洁。
该样子其实是从经网-湖南人的内容页借鉴来的，去看看就知道我的半成品大概是个什么样子了，因为背景图就是从那里偷来的，特此说明一下。
其实这个半成品基本的东西是做出来了，但至今存在一个致命的问题：因为背景图除了上面一部分之外，下面必须是repeat-y的，而DIV不定义height值背景就不显示——不知道如何搞定，所以暂时全部定义主体的height值为2000px——是不是有点蠢的办法，其实这是鸵鸟政策啦，这个主题做出来自己观赏一下或者说学习一下而已，没办法使用：一旦内容以及评论过长而超过2000px就会撑破该DIV，背景就只能是底色了，而用overflow：scroll的办法滚动条那玩意又破坏了主题的观感，So…稍微美化了一下，目前因为这个问题走入僵局，也没做什么了。如果有朋友知道在height自适应（auto或100%）情况下而背景图照样能够循环铺下来的方法，那么这个主题样式还是能保留着玩的。如果根本不可能——找了些资料，但涉及到大的网页背景都是采用九宫格之类的办法，中间用背景颜色作为过渡的——那只好当学习的牺牲品了，到时候也只能放弃这个笔记本的背景图，再改成其他样式。
Update:上面的所谓“致命问题”已解决，主题也已基本完成了。——2010.05.24
未完成这个章敲的那叫一个帅气哈～
不错哦
建议书边上的标签 做宽一点，加上每一篇文章的 tags等信息
这样就不光是摆设了~
@ikeeptrying 呵呵，那是必须的~
@海天无影 多谢建议，还真忘加tags信息了。
不错，我也很喜欢那个章 哈哈
@喷饭饭 都喜欢啊，改天拿你们博客来盖几个，免费的，哈哈
看起来不错，有点像power系列的主题。
搬凳子坐下，等完成品
期待完成后的秀
期待/。。
不知道我理解错误了没，你可以去看看老七的博客：http://www.se7ens.cn/，他的QQ边框可以随着评论增加变长。
@西门 有些类似哦！已给他留言了。谢谢西门小盆友！
期待囖~~
我就觉得你上面的那个图片制作的就很漂亮，你能告诉我是用什么软件做的那种效果么？三维和二维@
@刘晓林 PhotoShop，实际上是把图扭曲了做成的透视效果，再加个倒影而已。
昨晚出去k歌了～
今天把回访都补上～
看起来还不错，我一直想学着做，可总不想开始。
主题我也鼓捣了很久，博主加油！
关于height的问题，是不是应该清除浮动？
一旦内容以及评论过长而超过2000px就会撑破该DIV，背景就只能是底色了 没看懂 能直接给个测试地址不？
@西门 西门又到处帮我宣传啊。
期待，我喜欢啊~~~
效果图很漂亮
@老七
老七，在这也能碰到你
@afc163 应该不是浮动的问题吧，我想。问题在于Height值设为自动背景就不显示，必须要赋值。
@老七 貌似我表述有点凌乱。。换这样说吧，您博客的QQ边框是如何实现随着内容的高度而变化的（内容始终在框内）？我看了一下源代码，您好像用的JS控制的。
@奥德雷的雷人事迹 谢谢，仅限于效果图。。漂亮
@奥德雷的雷人事迹 谢谢，也仅限于效果图漂亮。。哈哈
期待ing…….
@afc163 哇塞，我今天再看了一下，清除浮动，真的是这个问题啊！灰常感谢！以后长进了！
牛逼
看样子不错，挺清爽的。
完成了一定要分享哦
睡觉前踩一踩~
这个主题很不错哈
有点感觉。。。