menu
Width Mode: Fixed Font size: Small | Normal | Large

新的wordpress主题

自从尝试做了swordis主题之后,对wordpress的主题也有所认识。于是决定做一个自己的主题。并且这次和上次不同,是很认真地要做完的。名字还没有想好,但是目标很明确:

  • 没有图片的纯CSS主题。意味着线条和空间是首要设计元素。
  • 必须过XHTML1.1以及CSS3验证。CSS3阴影和变换等,由于有前缀,所以即使使用也会暂时注释掉。
  • 通过主题单元测试( Theme Unit Test )。这是一组严酷的内容兼容性检测。
  • 流体布局。右边栏,因为我调查下来,比起侧边栏在左面,似乎更多人习惯在右面。
  • 弹性em值。
  • 兼容所有主流浏览器,包括IE6在内。

这些天从睁开眼睛开始我就在思考怎么把这个新的主题写好。主要考虑的是线条和颜色,实际上和篆刻类似,如何把自己其他方面的知识应用进去,就是这次的主要问题。

最大的挑战应该还是来自IE6的,因为这次不能写违规的hack,也不能用IE的私有属性。其实早该如此,IE6虽然仍旧苟延残喘,但是终究会被历史的洪流冲走的,我坚信这IE8成为下一个IE6的时代的来临。

前端工作类似一道工艺,相同的设计,工艺不同,价值也会天差地远

上次试作的主题,设计用了半天,HTML化也是半天,总共才一天时间,加上才第一次做主题,自然漏洞百出。虽然大的问题暂时也没有,但是代码级别差距很大。这次截然不同,纯CSS,没有设计直接写,但是style.css我已经写了2天有余,到现在也仅仅只是有一个框架。期间数易其稿,多次改动整个布局。

现在就是主题单元测试的内容,相当周到。有多层次的页面,有混合布局、超长、超短、甚至是无标题或者无内容的文章,也有超多分类、标签的极限测试,还有何种视频嵌入,总之是应有尽有。

这次着眼于快速、准确的CSS,同时也要关注可访问性。当前使用的主题(bito)是我非常喜欢的,但也有很多缺点。这次要尽可能级联样式,并尽可能利用默认UA样式。对于这种轻量化CSS编写,CSS Rest 显得多余所以没有用。把文本字体定为14px左右(0.88em),这样看起来才不会累吧~虽然其实主流浏览器都支持缩放,但是似乎使用这种功能的人的比例并不多。

前天粗粗看了下prototype的源码,感受颇深。这个核心框架的很多JS写法,都给了我很多启发。所以这次也打算用写JS提升下体验,尽管自己不在行。

精炼的代码,无论是C,JS之流的语言,还是CSS、html这类非语言,都应如wordpress本身所倡导的那样“代码如诗”。我很期待着自己的这个主题,期待着自己也能创造行云流水的布局,期待着自己也能哼出一段蹩脚的小诗~

Related Post:

8 Responses to “新的wordpress主题”

  1. phyanont says:

    完全不懂,以后如果要建站还要请你帮忙了^^

  2. Dianso says:

    宽屏下很漂亮

  3. 猜猜 says:

    nice~~配色很干净,结构也很大气。

    话说以前zb的时候我也是纯流体布局+弹性em党。不过后来发现所有主流浏览器全都支持页面级缩放,相比之下em型布局弹性缩放与px型图片的结合显得有些不尽如人意。于是te下的主题我还是用了px值控制结构。

    • iifksp says:

      thx。只是做了个样子,功能还有很多需要完善,先用起来测试测试。

  4. 跑调 says:

    额,胖了很多,还是老气质啊。

  5. Tgo says:

    好多专业术语啊 哈哈
    主题简洁大气
    最主要的是原创 支持!

  6. Firm says:

    和木木的风格有点像,大气简洁

Leave a Reply