古腾堡即将加入WordPress。 您的网站准备好了吗？ 尽管我们仍然不知道它将采用什么形式，但是将来，这种新的内容系统将被添加到WordPress核心中。 让我们看一下这可能对您的站点产生的潜在影响，以及您可以提前确定和修复问题区域的方式。

什么是古腾堡？

古腾堡（Gutenberg）是一个WordPress项目，旨在为用户提供内容设计方面的更多灵活性。 从本质上讲，该项目旨在用一个更加可视化和结构化的界面替换当前主要用作文字处理程序的编辑器。 目前，Gutenberg是一个插件，它使用户能够像Visual Composer或其他拖放编辑器一样修改其内容，尽管以一种简化且高度直观的方式。

您的网站的碎片

古腾堡（Gutenberg）是一项艰巨的任务，可能会触及您网站中的许多端点。 这是我们要寻找的三个领域：

• 您的主题：古腾堡（Gutenberg）拥有自己的一套内容风格。 您的主题兼容吗？ 古腾堡活跃起来会是什么样？

• 您的插件： Gutenberg可能以意外的方式与您的其他插件交互。 我们将研究它们可能是什么，以及如何解决出现的任何问题。

• 您的内容： Gutenberg将影响您内容的显示方式。 我们将研究如何改变页面的外观，并在遇到问题时进行一些潜在的修复。

设置测试区

如果这两种方法均不可行，则可以直接在您的站点上进行测试。 请注意，这样做可能会有风险，因为我们将激活和停用您的网站的许多部分。 如果您正在进行现场测试，请确保在开始之前创建站点的备份。

知道要进行测试的地方后，转到插件目录并找到Gutenberg。 一旦安装并激活，请继续阅读。

把握主题的步伐

现在您已经安装了Gutenberg，下面让我们看一下您的站点的第一部分：主题。 如果此时已经存在重大问题，例如数据库错误或WordPress管理员出现问题，请跳至出现太多问题时该怎么办部分。

由于古腾堡（Gutenberg）主要与网站内容进行交互，因此幸运的是，我们只需要测试少量内容即可。

首先是古腾堡（Gutenberg）带有自己的样式表和样式集。 检查网站上使用的每种不同的页面类型和模板，以确保它们仍然正确显示。 这里的主要重点将是页面主要内容区域中的元素，尤其是内容和图像块。 如果您发现任何问题，很可能是古腾堡（Gutenberg）的样式优先于您网站的样式。

要更正此问题，您需要确定问题的根源。 通常，它将是专注于HTML元素CSS选择器，或者可能是Gutenberg样式优先于您自己的类的选择器。 无论是什么情况，都应尝试确定错误发生在哪里。 接下来，确定为什么Gutenberg样式会覆盖您的样式，并更正您的代码以使其优先。

尝试在您自己的主题内（或更好的是，在子主题或主题CSS指定区域中）进行任何更正，而不要更改Gutenberg。 如果您直接更改古腾堡（Gutenberg）中的任何文件，则更新插件时可能会覆盖该文件。

以类似的方式，您将希望为您的管理区域提供一次以上的样式问题。 到目前为止，主题选项和由主题生成的其他自定义实现的部分似乎是最大的罪魁祸首。 一旦确定了这些区域中的样式问题，通常就可以通过更改或创建子主题并在那里调整CSS来纠正它们。

您的插件有效吗？

主题摆平后，接下来是您网站的插件。 具体来说，请留意提供您在内容中使用的短代码的任何插件（例如，重力窗体），影响内容外观的插件（例如，影响文本大小的可访问性插件）以及直接将元素插入页面的插件（例如高级自定义字段）。

查看简码

要审核此区域，请首先收集您可能正在使用的所有短代码的列表，以及它们所在的页面。 手握清单，访问这些页面中的每个页面，查看它们是否按预期运行。 如果您遇到任何样式问题，则可能是您遇到了与上述相同的问题，需要重新调整样式。

但是，如果您获得了可怕的呈现的简码-也就是说您的页面正在显示[shortcode]而不是应做的事情-还有另一种解决方案。 在这种情况下，您可以查看简码所在的代码块，并确认它不被视为文本（查找并删除简码周围不需要的标签）。 如果问题仍然存在，则将短代码移至更合适的块类型应可恢复一切并运行。

内容外观

此问题源于我们先前介绍的同一问题：样式覆盖。 确定受影响的元素并更正CSS。

元素创作

我们将针对冲突问题寻找的最后一个领域是元素创建。 在此怀疑任何在不使用短代码的情况下将HTML元素插入页面的插件，例如，当PHP从“高级自定义字段”插件中提取自定义字段时。

创建元素时最常见的滑移围绕着不匹配的块。 由于古腾堡（Gutenberg）提供了自己的样式，因此，如果您的元素是在意外的块内创建的，则可能会错误地渲染。 解决此问题的方法是确保您的代码将元素添加到所需的块中。

是否需要显示您的内容？

这并不像我们讨论的其他问题那么紧迫，但是内容的呈现方式可能会有些复杂。 这些问题大多数来自较小的样式更改或块的组织方式。 要解决此问题，您必须尝试使用​​块系统，直到获得所需页面为止。

问题太多时该怎么办

您是否遇到了无法通过本文中的建议解决的问题？ 不要惊慌！ Gutenberg到达WordPress Core仍有一段时间。

首先，记录错误是什么以及导致错误的步骤。 您可以收集的信息越多越好。 将所有这些信息传递给古腾堡团队。 运气好的话，他们将能够确定问题并在将来的版本中予以解决。

如果您正在暂存站点上工作，那么此时，这就是您现在所能做的。 继续查看发行说明，以了解问题是否已解决，或者可以自己解决。

如果您在工作现场，停用古腾堡（Gutenberg）应该会使一切恢复正常。 如果没有，那么现在是时候恢复您所做的备份了！

祝您安装好运！

古腾堡（Gutenberg）的目标是对WordPress环境进行大规模更改，以期更好地改变内容。 在它到达主分支之前，请确保检查您的站点是否可以使用新更改运行。 如果您除了此处列出的问题之外还有其他问题，更好的解决方案或对本文中的任何内容进行更正，请在下面留下评论！

翻译自: https://code.tutsplus.com/articles/how-to-prepare-your-site-for-wordpress-gutenberg--cms-31150