新的WordPress主题,把简洁进行到底

2009-10-18, 发表于: · 标签:, , , · 评论:5

这次新主题完全原创,采用“960布局框架”、Photoshop设计原稿、Eclipse管理编写代码。继续延续简洁的风格,力求简洁到极致。

以前的主题都是在别人设计的主题基础上进行修改,总觉得这样修改下来的主题不能完全贯彻我的想法。于是决定全新开发一个主题。

第一步:用 960 GRID SYSTEM 规划布局

960grid

“960 GRID SYSTEM”并不是一个工具(起码不是软件工具),是一套布局框架,包含一套模板文件。其中有CSS代码,Photoshop、Firework、Illustrator等常用工具的文件模板。

其实还有其他类型的CSS布局框架,我比较喜欢“960”,简单,配套的模板文件丰富。稍后再另写文章介绍“960”,如何利用“960”设计美观网页界面。

第二步:用Photoshop设计UI

photoshop_smartdio

利用“960”提供的Photoshop模板,新建Photoshop文件。按照模板提供的辅助线,规划布局,运用这样、那样的设计技巧做出网页的草图。使用Photoshop提供的切片工具,切出需要的部分,输出成网页支持的图像格式。

第三步:用Eclipse编写代码

eclipse_smartdio

以前喜欢用Dreamweaver设计网页。现在是CSS + XHTML的设计,基本上是手工编写CSS的时间比较多,Dreamweaver的可视化设计用得很少。

Eclipse有PHP的插件,又有强大的项目管理功能,我也非常熟悉,所以就选择Eclipse来编写代码。

第四步:调试、调整、发布

设计主题的大部分时间是调试、调整。先用XAMPP在本机搭建一个测试环境。把修改好的主题发布到本机的WordPress系统中,查找问题,然后修改调整。

现在发布的主题还不是最终完成的版本,还要继续对一些细节作调整。

Share and Enjoy:
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Diigo
  • FriendFeed
  • HelloTxt
  • Live
  • MySpace
  • RSS
  • Twitter
  • QQ书签
  • 豆瓣九点

5 条评论 ,发表于“新的WordPress主题,把简洁进行到底”

  1. 博主高手呀。
    Eclipse 以前 学java的时候用 现在 本地调试php程序 用dede的套装组件,很方便。

  2. eking 说:

    随机来到这里~有缘 哈哈~

  3. 城市之岛 说:

    写的文章不错。互访中

  4. 微扬 说:

    Photoshop后没用的图是不是删掉?

  5. smardio 说:

    如果是用于Web设计的图,留着也无妨,文件很小,所占的硬盘空间不大。

留下你的评论