WordPress 主题测试的关键在于它是迭代的和流动的。没有固定的、循序渐进的线性工作流程。相反，您可以按照自己选择的顺序完成许多任务。
例如，您的工作流程可能至少包括以下步骤之一或所有步骤：
启用调试模式。
运行主题检查或主题嗅探器插件。
使用主题单元测试数据进行测试。
使用浏览器 DevTools进行故障排除。
测试主题的选项和自定义项可能会在各个阶段进行。整个过程中都会重新审视这一领域。检查插件兼容性也是如此。这两个领域将不断得到评估。您执行的其他测试通常会围绕这些领域展开。
调试阶段通常会在测试之后进行，尽管会有一些交叉。最终，WordPress 主题测试会关注与功能、性能、安全性、可访问性和代码“适用性”相关的领域。
一旦您的主题通过了测试、满足官方 WordPress 要求并且没有错误，提交它就很简单。
WordPress 主题技术测试的核心领域
了解了基础知识后，您就可以查看测试主题的核心方面。与基础知识一样，这些核心领域也是不断变化的，并且会不断迭代。不过，最好先确认您的主题是否能够处理基本功能。
功能测试
一般来说，功能测试可确保主题的各个方面都按预期运行。无法支持默认 WordPress 功能的主题是不可行的。主题单元测试数据对此至关重要，因为您可以检查主题如何处理典型情况和极端情况。
例如，您已经拥有包含典型和非典型内容的帖子和页面，因此无需创建更多帖子和页面。测试这些内容是主观的，取决于您的目标、设计简介、客户的需求等。
对于大多数用例来说，测试以下内容很有价值：
对于所有典型且最流行的块（例如段落、列表、图像、标题），查看它们 巴西 WhatsApp 手机号码列表 在前端的外观。检查对齐、间距和总体呈现是否存在任何不一致之处。
多个选项需要兼容性测试。这可能是与 WordPress 核心设置、各种可用块，甚至是其他插件的第三方设置。
如果您的主题将运行博客，请检查评论部分是否显示其所有内容。在这里测试嵌套评论也很重要，这样设计和功能才能按预期运行。
此时，查找任何可与您的主题集成的块并对其进行测试。例如，注释块可能需要进一步调整。第三方块集合插件可能需要分别进行兼容性测试。
对于经典主题，您应该测试小部件区域、短代码功能、导航和其他不同于块主题的元素。但是，大多数主题应该以块编辑器为标准，因为它是 WordPress 的未来。
块编辑器测试
您的主题需要与块编辑器和站点编辑器完全兼容。模板是一个很好的起点，您可以在站点编辑器中的设计>模板屏幕上找到它们：
WordPress 网站编辑器界面显示模板页面。它显示模板缩略图网格，其中包括所有档案、博客主页、索引和其他页面模板。每个缩略图都显示模板布局的蓝色线框样式预览。
WordPress 网站编辑器模板屏幕。
在这里，您需要确认模板可以显示，并且可以无错误地编辑它们。用户可能想要自定义主题的模板，甚至创建自己的模板。
样式界面是站点编辑器中的另一个关键自定义工具，这意味着它也是决定主题质量的重要因素。
WordPress 网站编辑器的样式界面。主内容区域显示蓝色背景和白色文本。右侧边栏显示网站的样式编辑器，特别是调色板设置。
WordPress 网站编辑器样式界面。
您可以尝试各种设置，看看是否可以完成典型的自定义。在其他情况下，您可以使用布局设置使所有内容协同工作。
块主题的其他元素需要您考虑：
Theme.json。彻底测试您的theme.json文件以确保它正确配置全局样式和设置。
块变体。如果您的主题使用自定义块变体，则以不同方式测试这些变体非常重要。
自定义块模板。：对于这个和任何相关的模板部分，请在进行时仔细检查它们，以免引入进一步的错误或错误。
这种测试是对技术功能的补充，例如确保所有操作和过滤器挂钩正常工作。如果相关，请使用 WooCommerce或其他电子商务插件测试您的主题。最后，许多客户网站也希望与社交媒体集成。尝试测试任何共享按钮或提要，以确保它们能够按照 客户的要求运行。
插件兼容性
WordPress 网站在其整个生命周期内可能会使用多个插件。由于插件和组合太多，很难考虑每种用例。
这可能很令人头疼。尽管很明显你必须用一些插件来测试你的主题，但很难知道哪些是。我们的建议是使用一点点来测试：
最受欢迎的页面构建器插件，例如Elementor、Beaver Builder、Bricks、Brizy 和 Divi。
大多数网站都会有搜索引擎优化 (SEO) 插件，例如Yoast SEO。我们还建议您查看SEOPress以及许多其他插件。
缓存插件也很常见。WP Super Cache、W3 Total Cache 和 WP Rocket 都是该领域的领导者。
您可以找到许多不同的表单插件，但 Ninja Forms、Contact Form 7、WPForms 和 Gravity Forms 都经常出现。
Automattic和 Make WordPress Core 团队的插件应该列在您的测试解决方案列表中。Akismet 、Jetpack甚至Classic Editor 插件都应该经过彻底的测试。
您需要寻找明显的冲突，然后处理小问题。许多主题在其营销材料中使用插件兼容性，因此花时间在这个领域可以提高您的可信度。
可访问性测试
并非每个用户都拥有完美的视力或四肢。这不应成为使用主题的障碍，这意味着您需要在发布之前执行可访问性测试。
WordPress 有自己的可访问性指南，由Make WordPress Accessible团队提供。进行您自己的测试时，一个合理的方法是研究最有益的可访问性实践。有许多需要考虑的因素，它们分为以下几个类别：
开发。这涵盖了诸如使用分页而不是无限滚动、正确标记 Web 表单、使用语义 HTML、实现正确的标题层次结构等方面。
内容。这些做法很简单，例如在同一选项卡中打开链接、添加 ALT 文本描述以及应用可读性。
设计。字体大小和颜色对比度是可访问性方面的大问题，因此您应该在开发过程中重点关注它们。测试阶段更多的是为了改进。
其中许多做法也与Web 内容可访问性指南 (WCAG) 2.0兼容并保持一致。您可以找到检查表来帮助您捕获和测试与 Web 可访问性相关的元素。进行开发、内容和设计检查将为您的主题奠定良好的基础。甚至还有完整的课程来学习如何将 Web 可访问性测试应用于您的项目。
可访问性测试工具
对于合适的工具，有两条建议：
axe。Deque 的 axe作为浏览器 DevTools 的一部分运行，并在几秒钟内自动执行一系列测试（取决于您的帐户）。
WAVE。WebAIMs WAVE是一种您可以在浏览器中或通过扩展程序使用的工具。
同时使用这两种工具是测试可访问性的绝佳方法。例如，您可以先快速运行一下斧头测试：
WordPress 网站的屏幕截图，显示了浏览器 DevTools 中的可访问性测试结果。在主内容区域下方，一份报告显示总共存在 34 个可访问性问题，其中包括 24 个颜色对比度问题和 9 个 ARIA 角色问题。
浏览器的开发人员检查面板中的斧头工具。
只需单击即可开始全页扫描。结果会突出显示需要考虑的区域以及修复这些区域的潜在方法。
WAVE 看起来可能让人不知所措，特别是当你有大量问题需要解决时。然而，它对内容顺序和结构的总结对于评估你的主题如何与屏幕阅读器配合使用非常有用：
WordPress 网站的 WAVE 网络可访问性评估工具界面。左侧面板显示可访问性信息，其中“顺序”选项卡处于选中状态。它按阅读顺序列出页面元素。右侧面板显示网站的主页。
左侧边栏中显示的 WAVE 辅助功能工具。
这是解决 axe 的广泛问题（例如一般颜色对比警告）的好方法，然后使用 WAVE 深入了解可访问性问题。这样，您的内容应该具有正确的标题层次结构和结构、可访问的表单输入和标签。
您甚至可能想要测试键盘导航，并将主题与屏幕阅读器一起使用，以了解用户的体验。无论哪种方式，测试主题的可访问性不仅仅是一个“可有可无”的方面——它对于创建包容性网络至关重要。