WordPress主题设计 —— 1.起步
【本文编译自WordPress Theme Design，仅供个人学习使用】
WordPress最初只是一个简单的blog系统，不过通过这些年的进化其功能已远远超出普通blog系统的范围了。现在WordPress可以说是一个全功能的CMS（内容管理系统的英语缩写）系统。
WordPress的好处
如果你有兴趣为WordPress创建自定义的主题，WordPress有一个优点，那就是其内容与设计是分离的。
你在使用其他的CMS或blog系统的时候也许有比较痛苦的经历。例如在发布博文时，发现博文页面包含了大量的标记语言或是大量使用了各种预定义的选择符id或class。一般来说，只有花费大量的时间来搞清楚这些预定义的id或class的确切含义之后，才能够为其创建自定义的CSS文件。这个过程是很费时间的。
WordPress的优点就是，它只发布两个东西：
- 网站的文本内容：你在blog文章或页面中输入的文本；
- 包在list标签中的附加网站内容：<li>和</li>之间的东西，一般这些是到你的blog文章和页面的链接以及相应的meta信息。
只有这些！甚至list标签都可以没有排序或非排序的定义标签。WordPress把定义标签开放给你来做。你可以定义通过WordPress发布的任何东西的样式以及显示形式。
捡一个主题来用还是自己设计一个？
我对主题设计是通过两个角度来考虑的。第一个就是简洁方便。有些时候对客户或网站来说是越简单越好，这时就可以把一个已有的简单的主题拿来并作修改是最快捷的解决方法。
第二个就是与众不同与美观。有些时候，网站的主题要从头开设计，以求显示的效果与网站的内容匹配。这就能保证这个网站能够吸引浏览者，并且不是在别的网站就能看到的。当自己的品牌作为优先考虑以及你要展示高超的设计技巧的时候，这就是最佳的设计途径。
不过使用或修改已有主题也是有许多益处的。首先，你节省了让网站使用美观的主题上线的时间；其次，你不必去了解太多的关于CSS、HTML或PHP的知识。这就意味着你只要简单的浏览，你的WordPress网站就能以一个美观的主题上线并运行。
使用已有主题的缺点
使用已有主题的缺点就是它可能并不是像你所预想的那样节省时间。你可能会了解到，即使修改了已有主题的页头与页脚的文字与图片，还是有其他的网站下载或购买了那个主题并在使用中，这样你的网站就不会那么与众不同。
也许你的网站需要第三方的插件来显示特定类型的内容，但是如果不做大量的修改与调整的话，使用这个插件的显示内容就不会很美观。说到调整，由于每个CSS设计者的风格不同，他们的主题模板文件以及CSS文件也是不同的；也许这些设计对于这些设计者来说是完美的，但对于修改者来说是令人困惑并非常耗时的。
你的出发点可能是简洁方便，不过在实际的修改过程中，由于这样或那样的原因，就会发现你自己不得不在被修改的主题里面越陷越深，慢慢的就不再像是简单的修改了。甚至有时你会认识到从头开始设计反而更省时。
需要了解的基础知识：
WordPress
这是最基本的，你应该已经熟悉当前WordPress的稳定版本。知道如何通过WordPress添加内容并知道WordPress的文章、分类、静态页面以及子页面是如何工作的。了解如何安装以及使用插件的基本知识。即使是和有丰富技术经验的WordPress管理员一起工作，你也要对要设计的WordPress网站有大概的了解并知道可能要使用到的插件以及小工具。如果你的网站真的需要使用到插件，最好在你的WordPress开发环境中也安装一份。这就能够确保你的设计能够覆盖网站所有的内容类型。
CSS
这里会详细介绍将会使用到的CSS规则和属性，以及使用它们的理由。并在使用的过程中，你会发现对CSS的使用越顺手、并知道如何将其与XHTML一起有效使用，你的WordPress的主题设计就会越好。
XHTML
你没有必要把XHTML标准的每个格式标签背下来。不过你知道的XHTML的基础知识越多，你在使用HTML编辑器或文本编辑器编辑代码的时候会越舒服。直接与标记工作的越多，你就会越快掌握创建优秀主题的能力。
PHP
你也没有必要成为一个PHP程序师来创建自己的主题。但是WordPress是通过使用PHP来实现它的魔法般的效果的。很多PHP代码将直接出现在你的主题文件里面。通过PHP才能够让你的主题应用于WordPress上，并能够让你的主题中的每个模板文件正常工作。对于PHP有些少许的了解也会有助于你的主题设计。
要使用的工具
HTML编辑器
首先你要有一个好的HTML编辑器。DreamWeaver就是个不错的选择。不过只要你的编辑器能够提供如下几个功能也能满足我们的需要：
- 能查看行号：这对于验证以及调试阶段非常有用。它可以帮助你在主题文件中快速找到特定的某行代码。
- 具有语法色彩功能：对于HTML编辑器来说这是最基本的功能。
- 能查看不能打印的字符：可以通过这个功能找出代码中不需要硬回车、空格等等。
- 文字自动换行功能：这样就可以在同一个窗口内查看很长的一段代码了。
图像编辑器
如果你想在你的主题上添加一些视觉效果，那么你就需要一个图像编辑器。可以使用的软件可以是PhotoShop等等。
FireFox
最后，你需要一个浏览器。这里我强烈推荐FireFox。FireFox对于网页开发者来说是一个强大的工具，它有很多工具以及扩展插件来为网页设计提供帮助。
Related posts:
最近评论