如何修复WordPress中内容错误的侧边栏

您想修复WordPress中内容下方的侧边栏错误吗？

当 WordPress 模板对内容和侧边栏使用两列布局时，可能会出现此问题。由于代码略有变化，侧边栏开始出现在内容下方而不是内容旁边。

在本文中，我们将向您展示如何轻松修复WordPress中内容下方的侧边栏错误。

是什么导致WordPress中内容下方的侧边栏出现问题？

侧边栏出现在内容下方的最常见原因是 HTML 或 CSS 错误破坏了布局。

HTML 中的每个都需要正确关闭。如果负责显示页面的模板具有未关闭的标记，则这将破坏布局。<div><div>

同样，不需要的结束标签也可能影响布局并导致侧边栏向下移动。</div>

除了HTML，CSS还会影响WordPress网站上每个元素的整体设计。它用于定义布局中元素的宽度、对齐方式和浮动。

简单地说，如果你的内容区域的宽度大于可用空间，那么它将迫使侧边栏向下移动。

首先，您需要找出导致WordPress内容问题下方侧边栏的具体代码。

话虽如此，让我们来看看如何轻松排除和修复WordPress中内容错误下方的侧边栏。您可以使用以下快速链接跳到特定的故障排除解决方案：

方法 1：撤消最近对 WordPress 主题的更改

通常，该问题是由 WordPress 主题文件的更改引起的。

如果您最近对 WordPress 主题或子主题进行了任何更改，那么检查这些更改将是修复此错误的快速方法。

如果您无法确定需要还原哪些更改，请继续阅读，我们将向您展示其他故障排除方法。

方法2：排除WordPress插件

您的 WordPress 网站的外观和风格由您使用的主题控制。但是，有时 WordPress 插件也可能会将自己的 HTML 和 CSS 添加到您的网站。

例如，在页面或灯箱弹出窗口上添加联系表单将加载额外的 CSS 和 HTML。

为确保问题不是由 WordPress 插件引起的，您可以暂时停用您网站上的所有 WordPress 插件。

为此，只需前往 WordPress 管理仪表板中的插件 » 已安装的插件，然后选中列表顶部“插件”旁边的框。然后，打开下拉菜单，选择“停用”，然后单击“应用”。

如果问题消失，则意味着是插件导致了问题。只需一个接一个地激活所有WordPress插件，在每个插件之后检查您的网站，找出是哪个插件导致了问题。

之后，您可以联系插件的支持以找到解决方案并报告问题。

有关详细指导，您可以查看我们的教程，了解如何轻松停用 WordPress 插件以及如何在无法访问 WordPress 管理区域时停用插件。

方法3：找到破坏布局的HTML标签

正如我们之前提到的，损坏的标签是侧边栏移动到内容下方的常见原因之一。<div>

如果问题是由您网站的特定区域引起的，那么您可以检查负责显示该代码的模板。

例如，如果此问题仅发生在单个帖子上，那么您可能需要检查single.php模板。要找出要查看的模板，请参阅我们完整的 WordPress 模板层次结构备忘单。

快速查找未闭合的 div 元素的最简单方法是使用 W3C 验证器工具。

您还可以使用“检查”工具或代码编辑器应用，通过突出显示元素的开始和结束标记来帮助您调试代码。

下面是突出显示元素的开始和结束标记的示例：

在查看代码时，您需要确保打开的任何标记也具有结束标记。<div></div>

同样，您还需要查找没有相应打开标记的孤立结束标记。</div><div>

如果您发现了损坏的HTML，那么修复它将解决内容问题下方出现的侧边栏。

方法4：找到CSS将侧边栏移动到内容下方

CSS控制着网站设计中最重要的方面。您的 WordPress 主题使用 CSS 来定义内容的宽度和网格布局中的侧边栏区域。

此值以可用查看区域的百分比表示。在移动设备上，您的主题会自动向下推内容下方的侧边栏。

要找出导致问题的 CSS，您可以使用检查工具。只需将您的内容移动到包装字段、内容部分和侧边栏区域，即可显示它们的宽度和高度。

例如，如果您的内容区域宽度为 70%，侧边栏区域为 33%，那么它将自动向下移动。在计算这些值时，您可能还需要考虑每个部分中的填充和边距值所使用的空间。

方法5：清除WordPress缓存

如果您仍然在内容区域下方看到侧边栏，那么您可能需要清除 WordPress 缓存。

当您所做的更改不会立即显示时，这通常是由于缓存问题造成的。

缓存插件通常会向您显示同一页面的旧版本。清除 WordPress 缓存和浏览器缓存将帮助您查看应用于您网站的更改。

我们希望本文能帮助您了解如何修复 WordPress 中内容错误下方的侧边栏。您可能还想阅读我们的常见 WordPress 错误终极手册。