微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐