工具和设置

在本文档中,您将了解在构建WordPress主题时需要使用的工具。您还可以找到有关设置开发环境以测试项目的资源。 

虽然在没有这些工具的情况下创建和构建区块主题是完全可能的,但它们是良好工作流的基础。

开发环境

在构建WordPress主题时,最好是在独立于现场(即生产)站点的环境中进行。在创建第一个WordPress主题之前,您应该设置一个开发环境。

如果是第一次,不要让这个过程吓到你。从长远来看,你会很高兴你学会了如何设置它。

为什么要建立开发环境?

开发环境允许您在代码在生产站点上线之前对其进行测试。你不想改变一些东西,把它推到现场,然后意识到你犯了一个致命的错误,导致整个网站瘫痪。 

通过使用开发环境,您可以测试一些东西,以确保它们在运行之前能够正常工作。

您的开发环境可以是本地的(在您的计算机上),也可以是远程服务器上。但是,配置本地环境以实现您的主题是有益的,原因如下:

  • 你不需要互联网连接来构建你的主题。
  • 您可以在不依赖远程服务器的情况下构建主题。这加快了构建过程,您可以在浏览器中立即看到更改。
  • 你可以从多个角度测试你的主题。如果您计划将其发布给更大的受众并希望获得最大的兼容性,这一点很重要。

建立当地发展环境

为了开发WordPress主题,您需要设置一个适合WordPres的开发环境。此列表并不详尽,但有几个选项可供选择:

有关更多信息,请阅读设置开发环境核心手册中的文档。

安装WordPress

在开发环境中开始构建主题之前,还必须安装WordPress。 

一些开发环境包括自动安装WordPress实例的方法。如果你是这样的话,你可以跳过这一步。

要自行安装WordPress,请按照如何安装WordPress高级管理手册中的文档。然后,当然,回来这里学习更多关于创建WordPress主题的知识!

代码编辑器

一个好的代码编辑器是值得的。

聪明人

更重要的是,一个好的代码编辑器可以为您提供正确的语法高亮显示、错误报告、与版本控制系统(VCS)的集成等等。它是为了让你的生活更轻松。

从技术上讲,您可以在纯文本编辑器中编辑代码,但您会错过真正的代码编辑器和IDE(集成开发环境)带来的所有最佳功能。

打开主题的single.html文件并显示块标记的Visual Studio代码编辑器程序。
编辑主题单一.htmlVisual Studio代码中的模板

有许多免费的开源编辑器可供选择。以下是一些比较流行的:

还有许多专有编辑是免费的或需要付费才能使用。无论你决定使用什么,选择一些你觉得舒服的东西。

其他开发工具

代码编辑器和开发环境是创建WordPress主题的基础。然而,您可能会发现其他工具和资源对您的项目有用。

测试数据

WordPress允许您导入XML文件包含用于测试主题的真实或虚拟数据。这可以让您了解主题在不同类型的内容和布局中的表现。这里有两个导入选项:

如果没有其他内容,您需要一些类型的演示/测试内容来查看您的主题在实际操作中的外观。您甚至可以创建自己的测试帖子和页面!

插件

除了测试数据外,还有几个WordPress插件可以帮助确保您的主题遵循标准实践,并且不会产生调试通知。这些是可选的,但可能有用:

  • 主题检查:测试您的主题是否符合最新的WordPress标准和实践。
  • 调试栏:在WordPress管理员中添加管理栏,并为调试提供一个中心位置。
  • 查询监视器:允许调试用于生成主题页面和功能的数据库查询、API请求和AJAX。
  • 记录不推荐的通知:记录主题中不正确的函数用法、不推荐的文件用法和不推荐的函数用法。
  • 怪物小工具:将核心WordPress小部件整合到单个小部件中,从而更容易同时测试所有小部件(仅经典主题).

WordPress.org主题审查指南

及时了解最新情况是一个好主意主题指南由WordPress.org主题团队提供。如果您计划向官方提交您的主题,则需要这些指南主题目录,但对于任何创建主题的人来说,它们也是很好的原则。

您还应该遵循WordPress编码标准为主题编写代码时。这将有助于确保您创建的内容符合一些最低质量标准。