如何创建 WordPress 主题

最近心血来潮，想亲自动手做一个 WordPress 主题，幸好 Ian 同学也在他的博客上教人如何创建 WordPress 主题，于是我就跟着学了。对于老外的作品，我觉得最好的学习方法是一边翻译一边学习，所以就准备翻译完 Ian 的 WordPress 主题创建系列，一共大概 12 篇文章。您如果有兴趣，欢迎一起学习；如果翻译得不好，欢迎批评指正。

下面是第一篇文章：原文：How To Create a WordPress Theme原文作者：Ian Stewart

译文：如何创建 WordPress 主题译文作者：Young

在接下来的十二天里，这个 WordPress 主题教程将会教您如何从零开始创建一个强大而新颖的 WordPress 主题。在教程里面，我会介绍每一个步骤（好的或者不好的）会产生什么结果以及我为什么要这样做而不那样做。重要的是，我将会把一切关于 WordPress 主题开发的技术告诉您，完成这个系列估计需要 12 天（周末除外）。
最后您创建的 WordPress 主题将会有以下几点值得炫耀：

• 必需的搜索引擎优化；
• 包括 Google 支持的 Microformat 标记；（即包括 DIV、SPAN 和 CLASS 标签——精博注。）
• 可以用来创建任何布局的有效且符合逻辑的语义标记结构；
• 巧妙的 CSS 布局；
• 活跃的 Body、Post 和 Commnet 的 Class 属性；
• 留言和引用分开；
• 当没有内容的时候，主次两个 Widget 都会消失。
• 拥有您期待的其他所有经典功能。

对任一 WordPress 主题来讲，我想这几点都会给人留下深刻印象。在这个教程结束后，您将几乎可以通过您掌握的代码做任何的事情。您甚至可以把完成的主题作为您的 WordPress 博客主题。我已经用来做了一个 Shape 主题，您可以下载来看看那些代码。开始教程之前两个重要注意事项：首先，根据我创建 WordPress 主题的经验，您开始的时候或者想通过复制粘贴的方法快点学会，如果是，尽管去做。不过要注意：如果您想真正地学会创建 WordPress 主题，需要自己动手输入代码。最后，祝您好运！明天我们将建立 WordPress 的测试环境。如何创建 WordPress 主题这篇文章是 WordPress 主题系列的一部分，WordPress 主题系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手输入一些漂亮的代码。以下是教程内容目录：

• 介绍；
• WordPress 主题开发工具；
• 创建一个 HTML 结构；
• 模板和目录结构；
• Header 模板；
• Index 模板；
• Single、Attachment 和 404 模板；
• Comments 模板；
• Search 和 Page 模板；
• Archive、Author、Category 和 Tag 模板；
• Sidebar 模板；
• 如何创建 WordPress 主题 CSS 样式表。

译者注：优秀博客 WPDesigner 在 2007 年的时候就曾经写过一个 WordPress 主题教程系列，这个系列后来被我爱水煮鱼翻译成了中文。不过 Ian 说，已经两年过去了，事情也有些变化了，那么究竟是什么变化呢？请继续关注如何创建 WordPress 主题系列。



WordPress 主题开发工具
原文：WordPress Theme Development Tools原文作者：Ian Stewart
译文：WordPress 主题开发工具译文作者：Young


在创建 WordPress 主题之前，我们需要一些开发工具。此文将介绍最好的开发工具，以便建立跨平台的 WordPress 主题测试环境，让您有一种职业主题开发者的自豪感。本地测试服务器：XAMP 或者 MAMP开发自定义 WordPress 主题最好的地方是在家里，并且不用网络。因此，您需要家用电脑打造成一个“本地服务器”—— 近似网络服务器（有 Apache、MySQL 和 PHP 等程序)，即您可以在家用电脑上安装 WordPress。单独安装这些服务器程序在技术上可能有点挑战性，但幸运的是，有些免费的软件可以一次性安装这些程序。如果您的电脑装的是 Windows 系统，您可以尝试 XAMP 软件；如果您的电脑装的是 Mac 系统，您可以尝试下载 MAMP 软件——我也是用这个，效果很好。

WordPress当然，您需要下载最新版本的 WordPress并正确安装在您本地测试的服务器上。如果您使用的是 XAMP，可以参考这个 WordPress 安装说明；如果您用的是 MAMP，则可以参考这个教程。（关于如何在 Windows 系统下安装本地 WordPress，精博有一个中文版的教程，有兴趣可以看看。——译者注）模拟内容WordPress 安装好之后需要一些模拟（或样板）内容。在 WordPress 后台点击 Tools (工具），然后点击 Import (导入），接着点击 WordPress 并上传一些 WXR 文件(后缀名为 XML——精博注。）就可以了。


您可以导入以下这些内容：

• The Theme Development Checklist test data
• The Sandbox Dummy Content(直接下载)
• WPCandy Sample Content
• Self Conclusion’s Test Data

以上四个测试数据都有各自的优势和不足。我喜欢把它们全部导入到 WordPress 里面，这样就不会漏掉什么了。当您认为主题做好了之后，通过日志导航浏览每篇文章，检查年月分类（Archives) 以及内容分类 (Category)。齐全的模拟内容将方便您查看主题哪里不对劲。(以上的模拟内容都是英文的，您如果有中文的希望不吝分享。——精博注）文本编辑器创建 WordPress 主题不需要任何特殊的制图软件，只需要一个纯文本编辑器就足够了，当然，有些编辑器比较好一点。如果您使用的是 Windows 系统，可以尝试 Notepad++ 编辑器，它是免费的开源软件，Lifehacker 曾大力推荐过。如果您使用的是 Mac 系统，我推荐您使用 Smultron，它也是一个免费的开源软件，并且方便结合流行的 FTP 软件 Cyberduck 直接在 FTP 上修改 WordPress 主题。Firefox 浏览器当然，您可以用任一浏览器来开发 WordPress 主题，但是我推荐您使用 Firefox 浏览器，特别是安装了以下两个附加组件之后，用 Firefox 浏览器开发 WordPress 主题就简单多了：1、Web Developer 工具条方便您检查和调试网页代码 —— 从禁止所有的 CSS 格式到验证本地的 HTML 代码（即显示在浏览器屏幕上的东西）。2、Firebug附加组件是不可或缺的。通过 Firebug，您只要把鼠标移到浏览页面上的任意位置，就会在屏幕的底部窗口看到对应的源代码以及 CSS 代码。（目前最新版的 Firebug 只适合用于 Firefox 3.5b4 和 3.5 这两个尚未正式发布的版本。——精博注）HTML 和 CSS诚然，了解一点 HTML 和 CSS 会对您创建 WordPress 主题有帮助。我建议您阅读 HTML Dog 网站的 HTML 初学者教程 和 CSS 初学者教程。当然，您也可以不阅读，但是阅读对您无害，并且会让您了解一些基本的概念。（我准备翻译这两个教程，为了避免撞车，您如果已经翻译了或者知道哪里有译文，欢迎不吝告知。——精博注）PHP那么 PHP 呢？难道创建　ＷordPress 主题不需要懂得一点 PHP 知识吗？当然需要，不过在这个 WordPress 主题系列的教程里，我会教您足够的 PHP 知识。如果想了解多一点（我总是建议您这样做），您可以阅读PHP 初学者 101 个技巧。当然，您也可以不读。您只需要知道一些基本的概念就可以了。（我准备翻译那 101 个技巧，为了避免撞车，您如果已经翻译了或者知道哪里有译文，欢迎不吝告知。——精博注）如何创建 WordPress 主题这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

• 介绍；
• WordPress 主题开发工具；
• 创建一个 HTML 结构；
• 模板和目录结构；
• Header 模板；
• Index 模板；
• Single、Attachment 和 404 模板；
• Comments 模板；
• Search 和 Page 模板；
• Archive、Author、Category 和 Tag 模板；
• Sidebar 模板；
• 如何创建 WordPress 主题 CSS 样式表。
  
  
  转自：http://www.essentialblog.cn/wordpress-themes-templates-tutorial/
                http://www.essentialblog.cn/wordpress-theme-development-tools/