Apr
20
2008
换了Wordpress的模板,这个模板的php文件结构基本上是从Default继承来的,而CSS部分是重写的。相信以后做模板会快很多,这个足足花了我两个星期的时间,而且估计还有一些bug
CSS很简短,主要的工作有:
- 我喜欢原来的蓝色的标题,所以保留了,但扩展到了整个页面宽度。
- 把每个帖子的一些属性信息提出来放在了左边,似乎感觉要整齐一些。
- 顺便调整一下字体(包括颜色和大小),不过始终不能做到Firefox和IE都好看。
使用RSS的,要点一下标题跳转才能看到的。。。
update(2008-04-27): 更新了部分字体部分的CSS,现在在IE和Firefox下似乎要一致一些了。
3 comments | tags: themes, wordpress | posted in design|设计、涂鸦
Apr
2
2008
使用Wordpress的用户大都都更换过主题(Theme),甚至很多人选择Wordpress就是因为其丰富的主题资源,也有一部分用户可能希望自己制作主题(包括我),感觉这才能更好的体现blog的个性。在我漫长的学习制作Wordpress主题的过程中,记录下我的一些收获,希望也可以给Wordpress后来者以帮助。
预备知识
大体上,制作一款Wordpress主题需要如下的知识,并不是很高深。
- XHTML/CSS
- PHP
- 对Wordpress代码的适度理解
工具
为了自己制作Wordpress Theme,需要适当的工具,下面是我使用的工具,由于我使用Ubuntu Linux,因此下面的工具有些不适合于Windows平台:
- LAMP环境(Linux+Apache+Mysql+PHP),这在Ubuntu下很容易获得,直接apt-get就可以了。在Windows下就要把Linux换成Windows,所以叫做WAMP了,可以用一些套件,比如XAMPP来实现,这是Wordpress的基本运行环境,也是调试Theme必备的。
- Firefox/Web Developer插件,这个是所有的Web Deveoper都需要的插件,帮助分析Web页面的元素,比如CSS等。
- 一个好用的PHP/CSS文件编辑器,由于制作Theme不涉及PHP调试,因此只是需要一个编辑器即可,比如Geany等。
- 一个FTP客户端工具,用于将最终的Theme上传到服务器,Filezilla很好(在Linux和Windows下都很好用)。
Theme教程
有了预备知识和好用的工具,基本上就可以开工了,当然从头开始摸索还是很麻烦的,网上有很多很好的Wordpress Theme制作教程,我看到的很好的一篇是: WordPress theme Guide,虽然是针对Wordpress 1.5,但和目前的Wordpress2.3差别很小,仍然非常有参考价值(这个博主是在中国的老外,还写了多关于中国的帖子,有些意思)。
只需看完这个教程的四个部分,基本上就对Wordpress Theme的基本结构和制作方法有了清楚的概念,然后就是挽起袖子,拿起工具,发挥你的创造力吧。
update(2008-04-11):在做完Theme之后,一定要分别在Firefox和IE中都测过再发布,否则就可能会。。。(我清楚记得我的第一个Theme在Firefox下测试完后,到了IE下变成了什么鬼模样,呵呵)
update(2008-04-15):可以在安装好的Wordpress下安装一个Theme test drive插件,这样就可以在更改admin的主题时不影响普通用户的主题,在测试完整之后再切换到新的主题。
no comments | tags: themes, wordpress | posted in design|设计、涂鸦