在本文档中,您将了解在构建WordPress主题时需要稳定启动的工具。您还将找到建立用于测试项目的开发环境的资源。

虽然绝对可以在没有任何这些工具的情况下创建和建立块主题,但它们是良好工作流程的基础部分。

发展环境

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

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

为什么要建立开发环境?

开发环境使您能够在生产站点上实时测试代码。您不想更改某些东西,将其直播,然后意识到您造成了一个致命的错误,使整个网站陷入了困境。

通过使用开发环境,您可以测试事物,以确保它们在生存之前工作。

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

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

建立当地开发环境

对于开发WordPress主题,您需要建立适合WordPress的开发环境。此列表并不详尽,但这里有几种选择:

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

安装WordPress

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

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

要自己安装WordPress,请按照 如何安装WordPress 高级管理手册中的文档。然后,当然,回到这里,了解有关创建WordPress主题的更多信息!

代码编辑器

好的代码编辑器值得黄金。

有人明智

更严重的是,一个好的代码编辑器为您提供了适当的语法突出显示,错误报告,与版本控制系统(VCS)集成等等。它在那里使您的生活更轻松。

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

Visual Studio Code editor program with a theme's single.html file open, showing block markup.

编辑主题single.htmlVisual Studio代码中的模板

有许多免费和开源编辑器可供选择。这是一些最受欢迎的:

还有许多专有编辑者免费或需要使用费用。无论您决定使用什么,都可以选择您感到舒适的东西。

其他开发工具

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

测试数据

WordPress允许您 导入XML文件 包含用于测试主题的真实或虚拟数据。这使您可以通过不同类型的内容和布局来了解主题的性能。以下是导入的两个选项:

如果没有别的,则需要某种类型的演示/测试内容,以查看您的主题在作用中的样子。您甚至可以创建自己的测试帖子和页面!

插件

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

  • 主题检查:测试您的主题以符合最新的WordPress标准和实践。
  • 调试酒吧:将管理栏添加到您的WordPress管理员,并提供了调试的中心位置。
  • 查询监视器:允许调试数据库查询,API请求和用于生成主题页面和功能的AJAX。
  • 日志弃用通知:日志函数使用不正确,弃用文件使用情况和主题中弃用的函数使用情况。
  • 怪物小部件:将核心WordPress小部件合并到一个小部件中,使一次更容易一次测试(仅经典主题)。

wordpress.org主题审查指南

主题指南 由WordPress.org主题团队提供。如果您打算将主题提交给官员,则需要这些准则 主题目录,但对于任何创建主题的人来说,它们也是很好的原则。

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

By zhuon

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注