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——精博注。)就可以了。您可以导入以下这些内容:

以上四个测试数据都有各自的优势和不足。我喜欢把它们全部导入到 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 呢?难道创建 WordPress 主题不需要懂得一点 PHP 知识吗?当然需要,不过在这个 WordPress 主题系列的教程里,我会教您足够的 PHP 知识。如果想了解多一点(我总是建议您这样做),您可以阅读 PHP 初学者 101 个技巧。当然,您也可以不读。您只需要知道一些基本的概念就可以了。

(我准备翻译那 101 个技巧,为了避免撞车,您如果已经翻译了或者知道哪里有译文,欢迎不吝告知。——精博注)

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分,该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

  1. 介绍
  2. WordPress 主题开发工具;
  3. 创建一个 HTML 结构
  4. 模板和目录结构
  5. Header 模板
  6. Index 模板
  7. Single、Attachment 和 404 模板
  8. Comments 模板
  9. Search 和 Page 模板
  10. Archive、Author、Category 和 Tag 模板
  11. Sidebar 模板
  12. 如何创建 WordPress 主题 CSS 样式表
发布在博客技术 已有标签 , , , , . 将该链接存入书签。 评论和互链已关闭。
  • :: 《100 个免费翻墙工具》免费电子书

    100 个免费翻墙工具

4 条评论

  1. 开来资讯
    发表于2010年01月5日 9:51 上午 | 永久链接

    最近正想学做主题,收藏了

  2. wangxxx
    发表于2010年03月9日 3:26 下午 | 永久链接

    正在学习主题制作 准备建站 你翻译的这篇教程很不错 比我看到的其他的教程更注重结构和优化 关注中 另外据我所知 HTML Dog的内容国内已经出了一本书 叫《HTML之路》 之前在学校的图书馆看过 内容很不错 不知道是否和博主要翻译的冲突 而且我这个消息和文章的发布隔了这么久 不知道对博主还有没有用 总之先感谢博主的教程了

  3. Young
    发表于2010年03月9日 4:45 下午 | 永久链接

    @wangxxx 谢谢告知!!

  4. Lil Hayah
    发表于2010年06月5日 6:25 下午 | 永久链接

    博主您好,我发现在w3cschool点com点cn上有HTML和CSS很好的中文入门教程