十一年专注,只做WordPress定制开发一件事

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

王超
2024-02-20
主题开发
185 次

您想修复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 错误终极手册。

WordPress日记主要承接WordPress主题定制开发PSD转WordPressWordPress仿站以及以WordPress为管理后端的小程序、APP,我们一直秉持“做一个项目,交一个朋友”的理念,希望您是我们下一个朋友。如果您有WordPress主题开发需求,可随时联系QQ:919985494 微信:18539976310

搜索

嘿,有问题找我来帮您!