无论您计划将 WordPress 主题与广大受众分享,还是针对特定平台,本文都将帮助您为发布做好准备。它侧重于一般性主题测试,以确保您的主题在各种环境中的质量和兼容性。
在扩展了之前章节的原则后,本文涵盖了代码质量、兼容性和响应式设计等内容。到结束时,您的主题将准备好用于现场站点。
测试环境
在构建主题时,从某种开发环境中进行测试是一种良好的做法。在本节中,您将了解一些可以自行进一步探索的方法的概述。
本地环境
本地开发环境提供了一个受控空间,用于开发和测试您的主题,而不会影响您的现场站点。一些可用的选项列在 工具和设置 文档中。
在本地开发时,您应该始终启用调试。查看 调试 文档以获取有关调试技术和工具的信息,这些技术和工具将帮助您处理错误并优化主题开发流程。
WordPress Playground
WordPress Playground 是另一种测试选项。它完全在浏览器中运行,提供了一个受控的测试空间。
以下是查看在 Playground 中运行的默认 Twenty Twenty-Four 主题:

为了更熟悉使用此平台,请参阅官方 WordPress Playground 文档。
主题单元测试数据
在开发 WordPress 主题时,确保其能够处理各种内容是根本的。为了协助此过程,WordPress 提供了一组 主题单元测试数据,通过可导入的 XML 文件提供。明确地说,这只是更大主题测试过程的一部分。
测试数据是帖子、页面、评论和媒体的集合,您可以将其导入到您的 WordPress 安装中。通过使用此数据进行测试,您可以检查您的主题如何处理边缘情况,例如极长的标题、不同大小的图像、嵌套评论以及 HTML 元素的混合。
要使用主题单元测试数据测试您的主题,您需要:
- 下载数据:从 GitHub 存储库获取最新版本。
- 导入数据:使用 WordPress 导入器工具将数据导入到您的 WordPress 环境中。
一旦您将内容导入到测试安装中,请检查每个内容的显示方式。特别注意您的主题可能容易出现问题的区域。还要确保在各种设备和屏幕尺寸上查看您的主题,以确保内容按预期显示。
工具和资源
在测试您的主题时,重要的是使用将检查您主题的各个方面以查找潜在问题的工具。
主题检查插件会在提交到官方目录之前根据 主题审查指南评估您的主题。即使不提交到目录,它也有助于确保您的主题符合某些基准标准。
您应该包含在测试套件中的一些其他 WordPress 插件是:
- 调试栏:为您的 WordPress 管理后台添加一个管理栏,并提供调试的中心位置。
- 查询监控器:允许调试用于生成主题页面和功能的数据库查询、API 请求和 AJAX。
- 记录弃用通知:记录您主题中不正确的函数使用、弃用的文件使用和弃用的函数使用。
- 怪兽小部件:将核心 WordPress 小部件合并为一个小部件,使您可以一次性测试所有小部件(仅限经典主题)。
对于块主题的跨浏览器兼容性测试,重要的是使用现代浏览器提供的开发工具,例如:
功能测试
测试您的主题与基本 WordPress 功能的兼容性是必要的。此步骤确保您的主题不仅外观良好,而且与 WordPress 的核心功能一起工作。
测试基本 WordPress 功能
重要的是您的主题能够与核心功能一起工作并按预期行为。以下是需要测试的一些基本功能:
- 帖子和页面:
- 使用块编辑器创建各种帖子和页面。尝试不同类型的內容,包括文本、图像和视频。
- 注意所有标准块(段落、图像、标题、列表等)的显示方式。它们是否正确对齐?间距是否一致?
- 块设置:
- 测试每个块的设置以确保它们按预期工作。例如,当您更改图像的对齐方式或标题的颜色时,主题是否准确反映这些更改?
- 响应式设计:
- 检查这些元素如何适应不同的屏幕尺寸。确保布局在移动设备上保持直观且用户友好。
- 评论:
- 查看您帖子的评论部分。评论和回复是否正确显示?
- 确保嵌套评论以嵌套格式显示,使跟随对话变得容易。
- 测试块编辑器中的评论块。它是否与您的主题很好地集成?是否存在样式或功能问题?
如果您正在构建块主题(如本手册建议),您还应该测试这些功能:
- 站点编辑器:测试站点编辑器,并确保您可以编辑模板和模板部分,例如页眉和页脚。
- 样式界面:检查样式界面的功能,您可以在其中自定义适用于整个主题的顏色、排版和布局设置。
- 导航块:特别注意导航块。测试其响应式设计、添加菜单项的便捷性、子菜单功能和对齐选项。
- 模板编辑:探索模板编辑器以创建和修改特定帖子或页面的模板。
可访问性测试
确保可访问性是负责任的主题开发的一个关键方面。
您应该努力确保您的主题符合 WordPress 可访问性指南。这包括键盘导航、屏幕阅读器兼容性和正确使用 ARIA 角色等方面。
像 aXe 和 WAVE 这样的工具在识别潜在的可访问性问题方面非常有用。定期在开发期间使用它们以查找和修复任何问题。这种主动方法有助于创建对所有用户都可访问的主题,无论他们如何导航网络。
性能测试
您还应该确保您的主题没有不必要地加载太多资源。为此,您可以使用 PageSpeed Insights 等工具检查您的主题性能。这些类型的工具提供有关您的主题加载速度的信息并提供改进建议。
在随主题发送媒体或其他资产时,请确保它们已优化。这包括但不限于:
- 图像/媒体:确保与主题捆绑的媒体项目大小正确、格式最合适且已压缩以减少加载时间。
- CSS 和 JavaScript 文件:确保包含浏览器将加载的压缩资产。