删除侧边栏 WordPress | 从整个站点或单个页面

已发表: 2017-06-30

有时您只想从正在使用的 WordPress 主题中删除侧边栏。 也许您想从整个站点或仅从单个帖子或页面中删除侧边栏。 无论您出于何种原因发现侧边栏成为障碍,总有办法根据您的意愿塑造您的网站。

侧边栏区域是您放置站点小部件的地方。 大多数人在右侧使用它,但它也可以放在内容区域的左侧或下方。

大多数免费和高级 WordPress 主题都带有多个侧边栏或小部件就绪区域。 侧边栏很有用,可以帮助您发展业务。 您甚至可以创建自定义 WordPress 或 WooCommerce 侧边栏。

侧边栏可以提供有关网站、联系表格、相关内容、广告、电子邮件列表注册表单、社交媒体资料等的信息。有很多可能性。

WordPress 侧边栏的目的是显示不属于帖子或页面内容的项目。 使用 WordPress 小部件可以轻松地将项目添加到主题的侧边栏中。

在大多数 WordPress 主题中,当访问者从移动设备查看站点侧边栏的显示方式会有所不同。 由于屏幕尺寸的宽度减小,出现在桌面右侧或左侧的侧边栏在移动屏幕上移动到底部。

与侧边栏一样有用,但并不总是必要的。 有时网站所有者会发现它们比有益的工具更容易分心。

有时,您会发现使用单个列对整个站点或特定页面都更好。 考虑到这一点,在这篇文章中,我将讨论修改您的 WordPress 主题以消除侧边栏。

目录

删除侧边栏 WordPress 方法

为什么要删除 WordPress 侧边栏? 如果您希望您的网站访问者可以分心阅读您的博客内容,您可能需要删除侧边栏。 也许侧边栏在移动设备上没有像它应该的那样出现。 不管是什么原因,它必须去。

大多数主题都可以选择不显示侧边栏或将侧边栏的显示限制为某些页面或帖子。 您还可以联系主题作者,它可以告诉您从 WordPress 中删除侧边栏所需的步骤。

但是,如果您无法与支持人员取得联系,并且您的主题没有删除侧边栏的选项,那么请根据您要对侧边栏执行的操作,按照下面提到的方法之一进行操作。

首先要考虑的是您想要从. 从特定的页面模板? 从整个网站? 只有静态页面?

#1. 如何从整个站点中删除 WordPress 侧边栏?

您是否希望从 WordPress 网站的每个页面和帖子中删除侧边栏? 为此,您必须编辑 WordPress 主题文件。

使用 FTP(例如 FileZilla)或 cPanel(如果您的主机使用它)转到 /wp-content/themes/your-theme-name/ 文件夹。 您还可以通过转到站点仪表板中的外观 - > 编辑器来编辑主题文件。

WordPress 主题文件由模板组成。 您需要编辑显示要删除的侧边栏的所有模板。 您需要编辑 index.php、archive.php、page.php、single.php、home.php 和任何其他显示侧边栏的文件。

您应该在模板文件中查看如下所示的

< ? php get_sidebar ( ) ; ?>

WordPress 隐藏侧边栏

二十七主题中的index.php示例

此代码是 WordPress 用于将侧边栏添加到特定页面的代码。 删除该行,您将删除侧边栏。

如果您的主题带有多个侧边栏,那么您将在函数内看到此代码的不同实例,并带有侧边栏名称。 例如:

<?php get_sidebar( 'footer-widget-area' ); ?> ); ?>

删除代表您不想显示的侧边栏的行。

您可能会注意到,虽然侧边栏消失了,但您的内容区域仍然以相同的宽度出现,而侧边栏区域则为空。 您的侧边栏可能已消失,但您可能仍未使用页面的全部宽度。

相反,您的内容可能与原来的大小相同,只是现在它位于侧边栏以前所在的空白空间旁边。

这是因为内容区域的宽度由主题的样式表控制。 请进一步查看下面的说明以了解如何解决此问题。

#2. 如何从单个页面中删除侧边栏?

如果您想从 WordPress 的单个页面中删除侧边栏,但允许它显示在您网站的其他部分,该怎么办? 大多数 WordPress 主题都带有随时可用的全宽模板。 这些模板可用于您的任何页面。

转到要删除侧边栏的页面,然后选择“页面属性”元框下的全宽模板以删除该特定页面的侧边栏。

删除wordpress侧边栏

但是,如果您的 WordPress 主题没有全宽模板怎么办? 那么模板中将没有“全宽”选项,如上图所示。

您必须手动创建全宽模板。 打开像记事本这样的纯文本编辑器,并将以下代码粘贴到一个空白文件中:

<?php
/*
*
Template Name: Full Width
*/
get_header(); ?>

在桌面上将此文件另存为 full-width.php。 然后,您需要从主题文件中打开名为 page.php 的文件,并复制<?php get_header(); ?>之后出现的所有内容<?php get_header(); ?> <?php get_header(); ?>行。

在 get_header 部分之后将该代码粘贴到 full-width.php 文件中。 之后,您需要找到并删除如下所示的行:

<?php get_sidebar(); ?>

如果您的主题不在页面上显示侧边栏,则代码不会在文件中。 保存您的更改并使用 FTP 或 cPanel 将 full-width.php 文件上传到您当前的主题文件夹。

您现在可以编辑 WordPress 网站上的任何页面,并且可以选择全宽页面模板。 如果您的页面在页面属性下没有模板,现在会有。

请注意,一旦主题更新,对父主题所做的所有更改可能会消失。 始终使用子主题进行任何自定义。

#3. 如何从博客文章页面中删除 WordPress 侧边栏?

大多数 WordPress 主题在博客文章页面上显示侧边栏。 除了静态首页,WordPress 还允许您为博客文章使用单独的页面。

如果您不想在博客文章页面上显示侧边栏怎么办? WordPress 允许您为博客文章使用静态首页和单独的页面。

如果您不想在博客文章页面上显示侧边栏,则需要转到设置»阅读页面。 请注意您用作博客文章页面的页面名称。

删除帖子侧边栏 wordpress

现在转到页面»所有页面并编辑用于显示您的博客文章的页面。 在页面属性部分下选择一个全宽模板,然后保存您的更改。

如果您没有看到全宽模板选项,则必须手动创建全宽模板。 有关详细说明,请参阅本文的上一节。

#4. 如何禁用特定帖子的侧边栏?

如果您想删除某些帖子上的侧边栏,您可以使用 Display Widgets SEO Plus 插件。

这个插件可以选择隐藏小部件,从而隐藏特定帖子的侧边栏。 您只需要从要隐藏侧边栏的帖子中输入您的帖子 ID,它将从该帖子中删除。 如果您不知道如何查找 ID,那么您可以查看我的帖子,其中我解释了如何查找 WordPress 页面 ID。

帖子将变为全宽,无需额外调整任何内容。 查看下面插件如何工作的更多详细信息。

使用插件删除侧边栏 WordPress 方法

您可以使用 Display Widgets SEO Plus 插件隐藏或显示整个站点、特定类别、所选内容类型和自定义帖子类型、某些静态页面、自定义帖子类型档案、自定义分类档案、特定帖子的侧边栏。

当 Display Widgets SEO Plus 插件处于活动状态时,可以使用下拉选择和勾选框(添加到“外观”>“小部件”下的小部件底部)来显示或隐藏小部件。

插件适用于自定义分类法、自定义帖子类型、自定义帖子类型档案和 WPML 语言插件、bbPress 和 BuddyPress。

删除 wordpress 页面指南中的侧边栏

例如,使用此插件,您可以设置该小部件应仅在特定类别的帖子和少数选定的静态页面、404 错误页面和主页上加载。

安装并激活插件后,您将在 Appearance -> Widgets 下的侧边栏中的每个小部件下看到新选项

根据您的需要设置为隐藏侧边栏中的每个小部件,侧边栏将消失。 在大多数情况下,页面不会在侧边栏所在的位置留下空白空间。 它将作为全宽拉伸。

我删除了侧边栏,但现在 Sidbebar 所在的位置是空的

有时您需要对样式表进行一些添加以将您的站点更改为全宽。 如果您要从整个站点中完全消除侧边栏,则只需编辑现有样式即可。

但是,如果某些页面仍会显示侧边栏,您需要保留当前样式,并在需要时添加新样式以增加宽度。

使用检查工具(在要检查的页面上单击鼠标右键并选择“检查”)来确定需要调整的样式。 您需要找到整个布局的宽度,因此您需要确定该容器。

您还可以使用 WordPress CSS 编辑器插件,如 CSS Hero 或 Microthemer。 您甚至可以使用 Elementor 之类的页面构建器(查看 Elementor 免费版与专业版之间的差异)、Visual Composer、Beaver Builder、Divi(检查 Divi 与 Beaver Builder)、Oxygen、Brizy 等或任何其他 CSS 编辑工具来从您的侧边栏删除删除侧边栏后,WordPress 网站或编辑样式表。

删除 WordPress 站点摘要中的侧边栏

如果您是 WordPress 的初学者,您可能会发现上述方法和步骤令人生畏。 尽管大多数方法都很简单(取决于您想从哪里删除侧边栏),但如果可能,请始终联系支持人员或主题作者以帮助您,并确保备份您的网站(请参阅最佳免费 WordPress 备份插件)。

主题支持将能够为您提供您需要应用的步骤和代码,以便在您的 WordPress 网站中隐藏侧边栏。

我希望上述方法有所帮助,并且您设法删除了侧边栏。 您也可以随时尝试使用免费的 CSS 编辑器插件(如 Elementor)或付费(如 Microthemer 或 CSS Hero)来更改CSS。

如果您有关于如何从整个网站、自定义帖子类型或特定帖子或页面中删除侧边栏的任何其他提示或方法,请在下面的评论中告诉我。