RのZone·风之幻龙

　　我爱水煮鱼翻译的《从零开始创建WordPress主题》于昨天拿下了，鼓掌，撒花～～
 
　　其实我花了1天就拿下了，并不难。
　　不过，我拿下后，才发现，这个教程只是介绍了一些基本知识和制作最基本主题的方法，连导航菜单都没有……
　　仅仅这些是不够的，所以还要继续学习咯～
 
　　下面，我将使用帕兰映像翻译及整理的《精通Wordpress系列教程》进行进一步学习。
 
　　相信这个也不是终点，创作好的主题，还需要大量分析、学习别人的优秀主题。这点和学习编程是一样的，呵呵。主题=网页制作=HTML\PHP\CSS代码，说到底也是和代码打交道啊～～

　　高考放假，放假。一共4天，我几乎都泡在电脑上了，一直在制作WordPress-Theme。
　　之前说要用《精通Wordpress系列教程》进行学习，不过后来看过了发现没什么用，并不是系统的教程，而且更大部分花在了如果更好的发布主题之类的，对于没考虑要发布的我来说，没多大用途。
　　再后来，就决定利用高考时间，直接开始制作主题。
　　从制作主题的过程来看，我首先应该有个整体构思，并且制作效果图，然后根据效果图进行制作。不过我是懒得弄效果图了，而且只有一个大概的总体构思，各部分的图片都是制作的时候再选用，调试。因此，也就成了一边制作一边构思了。
　　主题基本架构使用了之前我自己制作出来的那个“超基础”主题，因为自己的东西最熟悉嘛，代码都是根据自己的习惯编写的，改起来方便。
 
　　第一天，首先进行首页框架的制作，具体弄个了头图，首页文章的框架、背景，侧边栏框架，底部框架、背景。头图来自阿瓦的《原创WordPress主题TES 1.5》，不过没有直接用，因为我想用蓝色作为主色调，就PS成蓝色了。页面宽度设定为960px（想知道为许多网站都是960px么？点击这里），首页文章占650px，侧边栏占280px，中间间隔30px（实际上由于边框的原因，间隔会减少4px）。首页文章采用css截取200px。css截取很少有人用，不过我倒喜欢这样，因为我喜欢把文章链接设置为新窗口打开，而用插件截取或者WP自带的截取，在截取后生成的“阅读全文”都是在当前窗口打开的链接，索性用css截取（yo2的插件不是我能控制的……XD）。
　　第一天干的事就这些了……好像很少啊，因为我找头图找了很久，后来看到阿瓦的博客，觉得不错，就用了。
 
　　第二天，主要制作了头部导航条，参考TES主题，Copy过来再修改的。同时在导航条右边弄了个搜索栏，这个搜索栏是我觉得最满意的一个部分了，和主题契合完美，既不突兀，而当你需要它的时候，也可以立即找到。搜索栏代码从WooTheme的typebased主题里挖出来的，不过后来被我改得面目全非了，呵呵。另外，搜索栏还添加了提示信息，效果不错。此外，还进行了侧边栏样式的制作，不过只开了个头，没有完成。
 
　　第三天，进行侧边栏样式制作，一开始查了很多资料，也不太清楚怎么搞，因为侧边栏是用WordPress自带的侧边栏插件，只有一句php代码就完成了显示，因此不知道怎么去样式化。后来发现一个方法，在本地搭建的WordPress上应用主题，然后打开博客，查看源代码，就把侧边栏的结构弄出来了，接着进行样式化就OK了。把侧边栏搞定后，进行主页文章的样式化，弄成跟侧边栏一个风格就OK了。首页搞定后，把文章页也进行了制作，不过第四天又有所修改，暂且不表。
　　在这里要强烈BS IE6，经常有一些莫名其妙的BUG，比如在一个DIV应用背景并用滤镜透明化，然后在这个DIV上面再用一个DIV显示文字，文字就不会透明了，但是，如果上层的DIV用浮动的对齐方式，也会变成透明的……这个明显是IE6的BUG，在IE7和IE8都没有问题。后来我把浮动对齐的DIV弄成绝对定位了，就没事了，但又引发一个问题……我用了3个DIV分别显示文章时间日期、文章名及信息、文章正文，这3个DIV包含在一个总的DIV里面，3个DIV均用绝对定位，and，我设置了第三个DIV的宽度小于前2个DIV的宽度总和，在IE8里面是没有问题的，但在IE6里（在IE7里也是），前2个DIV竟然会受到第三个DIV控制，总宽度变成和第三个DIV一样了……这3个DIV分明是独立的嘛……发现原因就花了我一个小时……因为你只能看到浏览器的解析结果，但不能看到它是怎么解析的……我做了许多试验后才发现原因。尝试解决，前2个DIV就是无法冲破第3个DIV，只好做了一个CSS Hack。很无奈，我不喜欢用CSS Hack，但有些问题真的只能用这个办法……另外，侧边栏那里还有一个很诡异的问题，查了很久很久才发现我写多了一句代码，IE8忽略了，显示正常，IE6没有忽略……
　　IE6能退休就好了……相关链接：《IE6，您应该退休了！》PS：作为普通的用户，是无法体会IE6是多么可恨的，因为有着Web工程师对它进行的特别关照。
 
　　第四天，进行评论部分的制作。先说一下文章页的设计，本来是设计为750px的文章部分和180px的侧边栏部分，评论显示在文章部分中。而在制作评论部分的过程中，我想到了更好的布局，把文章和评论分开，文章占满整个宽度，而侧边栏和评论左右显示在文章下面。说到底，我还是喜欢像搜狐那样，把文章占满960px，这样在看文章的时候，就不会被侧边栏的东东影响了。话说，我还没见过WordPress的主题有这样设计的，呵呵。再说评论，原本直接从WordPress默认主题里把评论代码弄了过来，从WordPress 2.7开始，支持评论嵌套，而我很喜欢这个功能（在门户BSP里，搜狐、QQ都不支持，163倒是支持……）。不过，评论和侧边栏一样，只有一句php调用代码……而我不喜欢它显示的内容，而这句代码貌似是不支持参数定义的，所以恐怕只能再想办法了……整个不是样式的问题，也就无法用CSS解决了……
 
　　总结：
　　到目前为止，评论部分还没搞定。总计划上，还有评论部分，此外就是一些细节的东西了，也就是说，把评论部分搞定就代表主题基本完工。当然，这只是计划，而且在制作过程中也在不断改变，呵呵。
　　这四天的制作很爽，忽觉Web设计也是很好玩的。不过，我的效率也够低的，交给专业人员的话，一天就能把整个主题完成……
　　不管怎么说WordPress这类独立博客相对来说还是很少人用啊，毕竟，就算用yo2这类WordPress的BSP，所需要的知识，也远远比门户类BSP多很多。在我近一段时间的接触来看，想把WordPress用得好，起码要学会改主题，因为，就算用现成的主题，也经常会出现问题，需要个别修改。
　　不过，对于喜欢个性的用户，独立博客的确不错。还有更高端的玩家，就是自己搭建整个网站，那些是我现在远远不能企及的。以后有兴趣我也可能会自己搭建。而如果我选择Web开发等专业，我肯定会这么做的，呵呵。
　　当然，这些都是比较长远的事了，现阶段，WordPress已经很很好的满足我了。
　　PS：WordPress主题属于Web前端开发，呵呵，挺唬人的术语。
 
　　鉴于水平所限，本文所述可能有误。
 

　　终于，在经过这几天晚上的不懈努力后，评论部分完成，RのWP-Theme 1.0完工咯！
　　已经上传到RのZone-yo2上了，当然，立马就发现问题……
　　　　1.侧边栏……我才发觉WP自带的侧边栏我很不喜欢……看来要完全自己写代码了……
　　　　2.我已经对头图和标题头图审美疲劳了……当然，这段子我不是对着代码就是对着主题界面，审美疲劳也难免……不过，我觉得还是要重新改下，感觉小气了。
　　　　3.那个“设置你的头像”的链接是指向百度的，哈哈，还没做说明页面（应该弄成一日志吧）。
　　目前就这3个吧，大的BUG没发现，明天继续努力。
 
　　PS：经过IE6\IE7\IE8测试，基本保持一致。Firefox没测试，恐怕我不会管它了……暑假有空有心情倒是有可能会进行调试。
　　W3C的测试肯定不通过……反正能正常显示就不管了，IE太诡异了，想通过W3C真的很难……
　　博客日志有待整理啊……还有评论……这些要暑假才能搞定吧……
 
　　RのWP-Theme-蓝龙更新至1.3！
　　原计划1.2的功能全部实现～～并且还进一步完善，故标记为1.3。
　　目前主题已经很完善了，基本没什么功能缺失的。

　　RのWP-Theme 1.1 制作于17日暂停了，我需要休息一下，积蓄一点灵感。
　　关于版本号，初始版本直接上1.0，1.1进行界面上的修改，1.2完成留言板和日志归档页，计划表暂时到这里。
 
　　鉴于期末考及准备入手*，RのWP-Theme的开发可能延迟到7月中旬或下旬。
　　接下来的日志都是关于某物的吧……

　　12号，恢复RのWP-Theme制作工作。
 
　　13号，界面修改完毕～不过黄昊说比1.0要难看……无语……
 
　　同时留言板已经完成……目前版本定为1.11版。
 
　　1.2计划：1.留言板（已完成）；2.友情链接；3.日志归档页；4.侧边栏；5.细节完善；6.代码优化。
 
　　鉴于如此强大的计划……工作方向转移，先解决博客内容的整理，也就是日志和图片的整理。因为1.11版的主题已经可以满足基本使用需求了，而且我也积攒了许多日志没有发布……所以先完成内容整理，并进入正常使用后，再把主题向1.2迈进。同时，在整理、使用过程中，也可以记录BUG啥的（我相信BUG是有的……）。
 
　　So，上传并启用1.11主题，开始内容整理工作～
 
 
　　附：RのWP-Theme 更新日志
　　　　2009.06.13　　1.00　　1.0完工！
　　　　2009.07.13　　1.10　　模块头部部分界面修改完毕。
　　　　2009.07.13　　1.11　　增加留言板。
 
　　BTW，之前的电源计划还没完美结束……2个工作同时进行吧，呵呵。

RのWP-Theme-蓝龙 更新日志
　　2009.06.13　　1.00　　1.0完工！
　　2009.07.13　　1.10　　模块头部部分界面修改完毕。
　　2009.07.13　　1.11　　增加留言板。
　　2009.08.08　　1.30　　更名为《RのWP-Theme-蓝龙》。完成：1.侧边栏；2.存档页；3.首页；4.链接页；5.评论表情。改进：众多BUG&细节改进，见下表。

　　《RのWP-Theme-蓝龙》更新至1.3！
　　原计划1.2的功能全部实现～～并且还进一步完善，故标记为1.3。
　　目前主题已经很完善了，基本没什么功能缺失的。
　　真的要说还是有一个的，文章的引用通告评论显示……目前应该是不会显示的，不过基于我的日志尚未&未来一段时间也应该不会被应用，So，先不管它了。