测试你的主题

在向公众发布主题之前,您应该对其进行全面测试,确保其按预期工作。

我们来看看发布主题前需要做的一些事情,包括:

  • 在本地开发环境中测试主题。
  • 使用主题测试数据确保主题能处理各种内容。
  • 用于调试和测试的有用插件。
  • 可访问性和性能测试工具。

在本地开发环境中测试主题

学习 WordPress 开发者路径中的所有课程都推荐使用本地开发环境。

不过,也可以使用在线服务器开发块主题,尤其是在使用 Create Block Theme 时。

因此,在本地开发环境中测试主题也是一个好主意。

这样做的好处之一是,您可以启用 WordPress 调试选项,查看主题是否产生任何错误或警告。

如果您还没有本地开发环境,请查看“本地开发环境”课程以了解一些选项。

使用主题测试数据

测试主题的一部分包括确保它能处理各种内容。默认情况下,新的 WordPress 安装只有一个示例页面、文章和评论。

您无需手动创建不同类型的内容,而是可以下载并安装 WordPress 项目的主题测试数据。

这些测试数据包含一组文章、页面和其他内容,可用于测试您的主题。

要安装主题单元测试数据,请按照以下步骤操作:

  1. 从 GitHub 仓库下载主题单元测试数据文件,点击下载原始文件按钮,并将文件保存到计算机硬盘。
  2. 在 WordPress 管理后台中,转到工具 > 导入
  3. WordPress 部分下,点击立即安装。这将安装 WordPress XML 导入器。
  4. 安装完成后,点击运行导入器链接。
  5. 点击选择文件按钮,选择之前下载的主题单元测试数据文件。
  6. 点击上传文件并导入按钮。
  7. 将内容分配给现有用户,或创建一个新用户来分配,并确保勾选下载并导入文件附件复选框。然后点击提交按钮。

导入完成后,您应该会在网站上看到各种内容,包括文章、页面和其他内容类型。

然后,您可以使用这些内容测试主题,确保其正确显示。

用于调试和测试的有用插件

有几个社区插件可以在主题开发过程中帮助您测试和调试主题。

在主题开发过程中,有几个插件可以帮助您发现和修复问题,包括:

  • Query Monitor
  • Debug Bar
  • Log Deprecated Notices

当您准备分发主题时,Theme Check 插件会根据 WordPress 主题审查指南评估您的主题代码。

遵循这些指南是将主题提交到 WordPress 主题目录的要求。

即使您不打算通过主题目录分发主题,这仍然是测试主题结构和代码的良好基线。

跨浏览器测试

为了有效进行块主题的跨浏览器兼容性测试,您需要在所有主流浏览器上测试主题,包括 Firefox、Chrome、Safari 和 Edge。

您还可以使用第三方工具,如 BrowserStack 或 BitBar,在不同浏览器和设备上测试主题。

此外,大多数现代浏览器都提供开发者工具,允许您检查渲染页面的所有内容,包括 JavaScript 错误、网络使用情况和主题性能。

使用浏览器开发者工具还可以启用响应式设计模式,让您在不同设备和屏幕尺寸上测试主题。

可访问性和性能测试工具

确保主题的可访问性是负责任的主题开发的关键方面。

您应努力确保主题符合 WordPress 可访问性指南。这包括键盘导航、屏幕阅读器兼容性以及正确使用 ARIA 角色等方面。

如果您还没有了解过,请查看“主题可访问性”模块,了解更多关于使主题可访问的重要性、常见可访问性问题以及如何避免它们的信息。

您还应该测试主题,确保它没有加载不必要的资源,并且针对性能进行了优化。

要测试这一点,你可以使用 Google Lighthouse 等工具,它可以通过 Chrome 开发者工具、命令行或作为 Node 模块运行。

你也可以将主题安装到真实网站上,并使用 PageSpeed Insights 或 GTmetrix 等工具来测试主题的性能。请确保不仅测试首页,还要测试页面和文章等其他模板。

延伸阅读

有关测试主题的更多信息,包括本课程中提到的所有技巧和工具,请查阅主题开发者手册中“高级主题”下的“测试”页面。

发表回复

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