This box will be fixed on your screen using Firefox, Opera9 or IE7.

UBT v2.0 : Ocean

现在回想,当初搞UBT这个站纯属无心插柳,就我本身对综艺甚至电视本并无多大的兴趣。鬼使神差,阴错阳差,不知怎么就搞上了。第一版从去年十一月运行至今已有半年,随着访问量的不断增加,从版面到样式都感觉不能满足当前的要求了。所以,重新设计结构及样式的想法一直在酝酿着。趁着世界杯小组赛的十来天终于把它完成了,命名为Ocean。有很大部分是在晚上几场球之间写的,这时候忒安静人也比较精神。

上次说过,源码基于wp1.5.2(有时间的话你可以参看andy于060514写的《wp可以做什么》),整站所需功能都由WP自带完成(有部分修改),未借助任何插件。算是活学活用WP的一个典范吧。深入了解WP你可以发现WP函数多、甚至有些复杂,代码也是良莠不齐,不过设计思路算是比较超前的,所以在众多php的Blog程序中当属第一集团。

P2P的Blog的核心功能就是如何判断文章是否包括种子或驴子并且把它们自动显示出来。以前没透露这一技术细节:是由custom field功能实现的,而且custom field允许一个key有同时有多个value,这不是更合P2P的要求嘛。对于custom field,wp有多个内部函数供灵活使用。这样就可以很方便的决定首页怎么显,Single页怎么显。

第一版样式是以pages为主导航的,经观察,决定第二版改由category来导航,把pages放入sidebar中。顶部category导航样式这次采用了另一种滑动门技术,高亮当前滑动门要求当前元素要有一个单独的id或者class,但在wp1.5.2中category输出比较简单,没有2.0以后增加的current-cat的class,不过也无妨,绕个弯子也能实现。

不管category导航也好,滑动门技术也好,你必须了解WP中的conditional tags(条件标签),以决定什么页面出现什么,或者什么页面不允许出现什么。当然你也必须理解WP中的loop,不过在2.0以后,有几个原来只能在loop内使用的函数都可以在loop外使用。

说句自夸点的话,随着css经验的增长,CSS的应用更加纯熟了,尤其对<li>的使用甚有心得。相对于以前,css和php都写得更加简洁有效。但遗憾的是,Firefox的用户只占10%不到,所以,IE hack必不可少,他们的用户群太大了。

写下这些,一方面作为一个简单的笔记,一方面希望能抛砖引玉,看看明天是否会有一个更有创意的站点出现。

1 Comment

  1. igoldc Comments @ 11:07:04 on 2006-12-02

    不错,很有价值的东西,谢谢拿出来与大家分享!!我以后会常来关注你的!