其他实用开发工具

虽然本地开发环境和代码编辑器是 WordPress 开发的基础工具,但还有其他社区工具和资源可能对您有所帮助。

如果您正在开发 WordPress 主题,WordPress.org 主题测试数据提供了导入包含虚拟数据的 XML 文件的选项,用于测试您的主题。这可以让您了解主题在不同类型内容和布局下的表现。

您可以安装主题检查插件,该插件会测试您的主题是否符合最新的 WordPress 标准和实践。

类似地,对于插件开发者,有插件检查插件,它会测试您的插件,确保其达到 WordPress 插件审查团队的基本要求标准。

还有一些插件可以帮助调试代码。这些插件包括:

  • 调试栏:在管理栏中添加一个调试菜单,显示查询、缓存和其他有用的调试信息。
  • 查询监视器:支持调试数据库查询、PHP 错误、钩子和操作、区块编辑器区块、已排队的脚本和样式表、HTTP API 调用等。

还有弃用通知记录插件,它会记录插件或主题中不正确的函数使用、弃用的文件使用以及弃用的函数使用。

您将在未来的课程中了解更多关于这些工具的信息。

代码编辑器

要进行 WordPress 开发,你还需要一种编写和编辑 WordPress 代码的工具。

选择代码编辑器

所有代码本质上都是文本,因此理论上你可以使用操作系统自带的文本编辑器来编写和编辑 WordPress 代码。

但这样你就会错过真正的代码编辑器和集成开发环境(IDE)所提供的所有最佳功能。

如果你还没有一个自己习惯使用的代码编辑器或 IDE,以下是一些可供考虑的选择。

Visual Studio Code

Visual Studio Code 是由微软创建的一款免费开源的代码编辑器。它支持 Windows、Mac 和 Linux 系统。它支持多种语言,包括 HTML、PHP、JavaScript 和 CSS。它还提供内置终端等附加功能,并可通过扩展添加更多功能。

VIM

VIM 是一款免费开源的文本编辑器,支持 Windows、Mac 和 Linux 系统。它是一款基于命令行的编辑器,不如其他编辑器那样用户友好。但它提供了广泛的功能,并且高度可定制。

Brackets

Brackets 是一款免费开源的代码编辑器,最初由 Adobe 创建,现已开源。它支持 Windows、Mac 和 Linux 系统。Brackets 与 Visual Studio Code 类似,支持多种语言,并可通过扩展添加更多功能。

Sublime Text

Sublime Text 是一款代码编辑器,支持 Windows、Mac 和 Linux 系统。它不是免费的,但提供免费试用版。在 Visual Studio Code 发布之前,它是另一款流行的代码编辑器。

Notepad++

Notepad++ 是一款免费开源的编辑器,仅支持 Windows 系统。它通常被视为 Windows 默认文本编辑器的强大替代品,同时也作为代码编辑器而广受欢迎。

TextMate

TextMate 是一款免费开源的编辑器,仅支持 Mac 系统。与 Notepad++ 类似,它是 MacOS 默认文本编辑器的替代品,并提供代码编辑器功能。

PhpStorm

PhpStorm 是由 JetBrains 创建的一款功能完整的集成开发环境。它支持 Windows、Mac 和 Linux 系统。它不是免费的,但提供免费试用版,并且深受使用 PHP 应用程序的开发者的欢迎。

选择代码编辑器

就像选择本地开发环境一样,选择代码编辑器是个人选择,没有绝对的对错之分。

在 Learn.WordPress.org 的大部分内容中,我们将使用 Visual Studio Code,但你也可以自由选择自己最习惯使用的任何代码编辑器。

WordPress 安装

一旦你确定了本地开发环境,就需要安装 WordPress 核心文件,以便在你的电脑上搭建一个可运行的 WordPress 站点。

像 LocalWP、DevKinsta 和 VVV 这类工具都提供了自动创建新本地站点并为你安装 WordPress 的功能。要使用这些功能,你需要查阅所选工具的文档,因此可以跳过本课。

然而,如果你决定使用 MAMP 或 XAMPP 这类工具,就需要自己手动安装 WordPress,这正是本课要教你的内容。

虽然手动安装 WordPress 并非必备技能,但了解这一过程对将来可能遇到的情况会很有帮助。

前提条件

在安装 WordPress 之前,你需要了解本地开发环境的以下信息。

  • 文档根目录或网站根目录的位置。这是本地开发环境用来向浏览器提供文件的文件夹。
  • 数据库详细信息。包括数据库服务器名称、数据库名称、数据库用户名和数据库密码。在本地开发环境中,数据库服务器名称通常是 localhost,数据库用户名通常是 root。数据库密码要么为空,要么是 password。你可能需要为你的 WordPress 站点创建一个新数据库。
  • 本地站点的 URL。这是你在浏览器中访问本地站点时使用的网址。

建议查阅本地开发环境的文档来获取这些信息。

下载 WordPress

第一步是下载 WordPress 核心文件。你可以从 WordPress.org 网站的“获取 WordPress”页面进行下载。

点击“下载 WordPress”按钮,即可下载最新版本的 WordPress,该版本以 zip 文件形式提供。

根据浏览器的不同,你可能会被提示保存文件,或者文件会自动下载。文件可能默认保存在“下载”文件夹中,如果你设置了自定义文件夹,则会保存在那里。

如果你使用的是 Mac 上的 Safari 浏览器,zip 文件可能会自动解压。如果没有,你需要手动解压文件。无论如何,你的电脑上最终会有一个名为 wordpress 的文件夹。

打开该文件夹,你会看到 WordPress 核心文件。

将 WordPress 文件复制到本地开发环境

下一步是将 WordPress 文件复制到本地开发环境的文档根目录中。

著名的五分钟安装

将 WordPress 文件复制到本地开发环境后,现在可以安装 WordPress 了。为此,在浏览器中访问本地站点的 URL。这将启动 WordPress 安装过程。

第一步是选择语言。选择语言后,点击蓝色的“继续”按钮。

你会看到一个屏幕,说明完成安装所需的信息。点击蓝色的“开始安装!”按钮继续。

现在系统会要求你输入数据库详细信息。包括数据库服务器名称、数据库名称、数据库用户名和数据库密码。你还需要选择一个表前缀,或者接受默认值。

输入所有详细信息后,点击“提交”按钮。

如果数据库详细信息不正确,你会看到一条错误消息。你需要检查数据库详细信息并重试。

如果数据库详细信息正确,你会看到一个屏幕,确认安装已准备就绪。

在此过程中,会在 WordPress 安装根目录中创建一个 wp-config.php 文件。该文件包含你输入的所有数据库详细信息,WordPress 用它来连接数据库。

点击蓝色的“运行安装”按钮继续。WordPress 将使用数据库详细信息连接数据库并创建数据库表。

现在系统会要求你输入一些关于站点的信息。包括站点标题、管理员用户名和密码,以及管理员电子邮件地址。

系统会为管理员用户生成一个安全密码,但你可以根据需要更改它。

你还可以选择是否阻止搜索引擎索引你的站点。

输入所有详细信息后,点击“安装 WordPress”按钮继续。

此过程将在用户表中创建管理员用户(用户 ID 为 1)。它还会设置默认的站点选项。

现在你会看到一个屏幕,确认安装已完成。你可以使用之前输入的管理员用户名和密码登录本地站点。

总结

恭喜你,已成功在本地开发环境中安装 WordPress。

关于此过程的更多信息,可参考 WordPress.org 开发者文档中的“如何安装 WordPress”部分。

本地开发环境

要使用 WordPress 进行开发,您需要在计算机上安装一些工具,其中首要的就是本地开发环境。

本地开发环境有很多选择,在本课程中,您将了解一些最流行的选项。

术语快速入门

开发人员倾向于使用不同的术语来指代他们可能使用的不同 WordPress 环境。

存在于互联网上、用户与之交互的 WordPress 网站通常被称为线上环境或生产环境。这是所有最终内容发布以及任何自定义代码上线的地方。

有时,开发人员会创建一个单独的服务器环境来测试新功能或对网站进行更改。这通常被称为预发布环境。这是线上网站的一个副本,可通过互联网访问,但通常只有网站所有者或开发人员才能访问。它用于在将新功能或更改部署到线上网站之前进行测试。

最后,开发人员通常会有一个本地环境。这是安装在他们计算机上的线上或预发布网站的副本。他们将在其中完成大部分开发工作。

本地开发环境

拥有一个您熟悉的本地开发环境,可以让您专注于编写代码,而无需担心在计算机上设置 Web 服务器和数据库服务器的复杂性。它还允许您离线工作,并在无需将代码上传到线上网站的情况下进行测试。

一些本地开发环境还提供额外功能,例如内置数据库管理工具,或快速更改 PHP 版本的能力。

在 WordPress 领域,通常有两种类型的本地开发环境:由 WordPress 社区成员创建和维护的环境,以及由非营利组织或公司创建和维护的环境。

wp-env 是目前 WordPress 开发者文档推荐的本地开发环境。

它需要具备命令行操作知识,并安装 Docker 和 Node.js。

VVV(即 Varying Vagrant Vagrants)是另一个由 WordPress 社区成员维护的本地开发环境。它也需要具备命令行操作知识,并安装 VirtualBox 和 Vagrant。

另一个免费开源的选择是 XAMPP。XAMPP 是由 Apache Friends(一个旨在推广 Apache Web 服务器的非营利项目)维护的本地开发环境。虽然它并非专门针对 WordPress 的本地开发环境,但它包含了您所需的一切:Apache Web 服务器、数据库服务器和 PHP。

与 XAMPP 类似,MAMP 是另一个并非专门为 WordPress 设计的本地开发环境,但它包含了入门所需的一切。与 XAMPP 不同,MAMP 不是开源的,并且提供免费版和付费版。

其他 WordPress 本地开发环境包括 WordPress Studio 和 DevKinsta。

这些产品均由各自的母公司创建和维护,并且各自提供独特的功能。

选择本地开发环境

选择本地开发环境是个人选择,没有绝对的正确或错误答案。

您需要审查每个选项的所有功能、优缺点,并决定哪个最适合您。