前言
在我们开始开发wordpress主题之前,我们也需要把我们的工具带到位。在这一片博文中,我们将使用最好最强大的跨平台编译工具。
本地开发工具XAMPP或者MAPP
开发wordpress最好的地方并不是在服务器上,而是在本地环境里。为了做到这个,你需要把你的电脑变成一个本地的服务器,特别是要把主题移植到一个常见的网页服务器(Apache、MySQL和PHP),这也意味着你可以在你的电脑上安装WordPress。
分开安装这些程序在技术上是一个很大的挑战,但是有些程序仍能够帮助我们安装并且管理他们。
如果你是Windows用户,你就可以试试XAMPP。
如果你运行的是Mac,你就需要下载MAPP。
如果你是Linux用户,用命令行把骚年。
在远程服务器上开发代码
如果你想在远程服务器上开发主题的话(比如HostGator、Blue Host),你就需要使用FTP客户端来访问站点,对于更多关于FTP的客户端,你也可以在Codex page上看到更多信息。
如果你没有一个FTP的客户端,你就需要安装一个,这里有一些免费的工具:
- CyberDuck - 针对Mac和Windows
- FileZilla - 针对Mac,PC和Linux
在你下载并且安装了FTP客户端之后,你就需要通过它来连接到你的网站。你可以通过查看你选择的客户端文档来知道如何做到。
一旦你连接到了你的站点,你就可以安装WordPress了。
虚拟内容
你的WordPress的安装需要一些样本,有些还可能是虚构的。在你的WordPress的后台中,在工具 > 导入中选择从wordpress中导入。现在我们只需要WXR
格式的博文数据来导入。
现在有一些你可以用的选项
每一个测试数据集都有他们的发布的信息。我喜欢干的一件事情就是尽可能导入所有的虚拟文件。这样就不会丢失任何信息。当你想你怎么做的时候,你就可以使用博文导航来浏览每一个博文。你可以检出按照年月或者目录排序的历史记录。有着稳健的虚拟内容的支撑,当有些东西没考虑到的话,我们也可以轻易发现。
添加一些真实的内容
除了虚拟的内容,添加一些真实的内容也是很机智的。事实上,动态内容并不只是Lorem Ipsum和Little Blind Text的重复显示。从来自一个真实的博客和计算机中的文档中获得信息并且从中创建一些博文都是很必要的。一个真实的内容将会渲染一个非常精准的内容,内容将会显示主题在实际环境中是怎么起作用的(如果你想知道相关的信息,你可以看这一片文章 Don’t let Lorem Ipsum decide the fonts used in your WordPress Themes)。
开发指导
如果你对当前主题开发感兴趣,主题检查指导也是一个非常好的起点。
必要的插件
如果你想获得开发插件的副本的话,你可以到Automattic中获得进一步情况。在激活之后,他会给出成吨的你可以安装的插件来帮助你优化你的WordPress开发环境并且测试你的WordPress主题是否是最佳的代码体验。如果您想获得更多的信息,你就可以查看 our brief overview of the Developer Plugin。
由 Michael Fields开发的Monster Widget,也是一个对于开发者必备的插件。通过把monster小组件拖拽到你的侧边栏,你就能够一次性测试WordPress的核心小组件了。
文本编辑器
你不需要任何特殊的针对WordPress主题开发的图形界面,也许一个简陋的文本编辑器也是可以的。当然有总比没有好。
对于Windows来说,你可以尝试Notepad++。它是个免费而且开源的软件,并且也被Lifehacker所推荐的。
对于Mac来说,我推荐Text Wrangler。
对于Linux来说,Visual Code Editor也是很好用的。
浏览器
Firefox
自然,你可以使用任何针对网页开发的浏览器,但是我很推荐火狐浏览器。特别是接下来的两个插件,当提到WordPress开发的时候,他们会让你的开发更加简洁。
Web Developer Add-on for Firefox会添加一个工具条,这个工具条会给你提供从禁用CSS样式到验证本地HTML代码的一整套的检查和调试的方案。
Firebug Add-on for Firefox也是必不可少的。有了Firefox之后,你就可以在浏览器窗口中点击任何元素来获得对应的源代码。你也能够检查每个单独的样式规则。你也可以禁用这个规则来观察效果。你甚至可以添加或者修改规则以便观察实时变化。
Firefox 10+将会有一个类似firebug的内建的网页探测器。他也能够在浏览器窗口中点击任何元素来获得对应的源代码。这个网页探测器,虽然好用,但是终究不能替代Firebug的特性和功能。
Safari和Chrome
如果Firefox不是你的那碗菜,Safari和Google Chrome也是很值得推荐的。这两个浏览器都包含一个类似Firebug的内建开发工具。
这里是Safari的开发文档,这里则是Chrome的开发工具文档。
HTML和CSS
对于HTML和CSS的熟识将会帮助您的WordPress开发。我推荐关于HTML的这两本书。
如果你想快速上手,你就可以看 Element Index from HTML5 Doctor。阅读这些指南是完全可选的,他们对您理解一些基本概念有益无害。
PHP
那PHP呢?你难道不应该知道PHP来创建一个WordPress主题吗?这个答案是肯定的。但是我会告诉你充足的关于WordPress主题的一些雷区。当然这也是不必须的,你所需要的仅仅是学习一些基本的常识。
后记
这篇博文将会告诉你如何从草图中创建一个强大的WordPress主题,从头开始阅读并且亲自码代码是一件非常美妙的事情。