跳到主要内容

您是否要从WordPress网站中删除边栏?边栏是WordPress主题中的小部件就绪区域。它通常出现在每页内容区域的右侧或左侧或下方。在本文中,我们将向您展示如何轻松地在WordPress中删除侧边栏。

为什么要在WordPress中删除边栏?

大多数免费和付费的WordPress主题都带有多个补充工具栏或小部件就绪区域。

WordPress中侧边栏的目的是显示不属于帖子或页面内容的项目。通常,这些是指向您网站的不同区域的链接,广告,电子邮件列表注册表单,社交媒体配置文件等。这些项目可以使用WordPress小部件轻松添加到主题的侧边栏。

在大多数WordPress主题中,当用户从移动设备查看您的网站时,边栏会以不同的方式显示。由于减小了屏幕尺寸的宽度,因此出现在桌面右侧或左侧的侧边栏被移动到了移动屏幕的底部。

补充工具栏非常有用,可以帮助您发展业务。查看这些WordPress侧边栏技巧以获取最大效果。

但是,某些网站所有者认为删除侧边栏有助于改善用户体验。如果您要删除WordPress网站上的侧边栏,那么本教程适合您。

如何在wordpress中删除侧边栏
如何在wordpress中删除侧边栏

在WordPress中从任何地方删除侧边栏

使用此方法,您可以简单地从每个页面中删除边栏并发布在WordPress网站上。它要求您编辑WordPress主题文件。如果您以前从未这样做过,请参阅我们的指南,了解如何在WordPress中复制和粘贴代码

首先,您需要使用FTP客户端连接到WordPress网站,然后转到/ wp-content / themes / your-current-theme /文件夹。

WordPress主题由不同的模板组成,因此您将需要编辑显示侧边栏的所有模板。

例如,在典型的WordPress主题中,您可能需要编辑index.php,page.php,single.php,archive.php,home.php等。

打开模板文件进行编辑,然后找到如下所示的行:

<?php get_sidebar(); ?>

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

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

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

现在,保存文件并将其上传回您的网站。对负责在您的网站上显示不同页面的所有模板文件重复此过程。

完成后,您可以转到您的网站并查看其运行情况。

您可能会注意到,边栏消失后,内容区域仍以相同的宽度显示,而边栏区域为空。

那是因为您的主题已经定义了内容区域的宽度。现在侧边栏已消失,您需要通过向主题添加自定义CSS来调整内容区域的宽度。

首先,您需要弄清楚主题使用的CSS类来定义内容区域的宽度。您可以通过使用浏览器中的检查工具来执行此操作

这是我们在演示站点上使用了二十六个主题的CSS示例。

.content-area {    width: 100%;    margin: 0px;    border: 0px;    padding: 0px;}
.content-area .site {margin:0px;}

这是没有侧边栏的外观:

在WordPress的单个页面中删除侧边栏

您可能只想删除某些页面上的侧边栏,而将其显示在网站的其他部分。

例如,许多网站在其博客页面上显示侧边栏,但不在单个博客文章上显示。有些人倾向于在除静态页面之外的所有地方显示边栏。

让我们看一下不同的场景以及如何从不同的区域删除侧边栏。

从WordPress中的静态页面删除侧边栏

许多WordPress主题都带有即用型全角页面模板。这些模板可与WordPress中的任何静态页面一起使用,并且不会在内容的两侧显示侧边栏。

您只需要编辑要删除侧边栏的页面,然后在“页面属性”元框下选择全宽模板。

如果您没有选择模板的选项,则表明您的主题没有全角页面模板。

在这种情况下,您将需要手动创建全角页面模板。打开诸如记事本之类的纯文本编辑器,并将以下代码粘贴到空白文件中:

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

现在,将此文件另存为full-width.php。

使用FTP客户端连接到您的WordPress网站,然后转到/ wp-content / themes / your-current-theme /文件夹。编辑名为page.php的文件,并复制每<?php get_header(); ?>行之后出现的所有内容。

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

<?php get_sidebar(); ?>

保存更改,并将full-width.php文件上传到当前主题文件夹。

现在,您可以在WordPress网站上编辑任何页面,并且可以选择全宽页面模板。

有关更多详细信息,请参见有关如何在WordPress中创建全宽页面模板的指南。

从WordPress的博客文章页面中删除边栏

WordPress允许您为博客帖子使用静态首页和单独的页面。通常,大多数WordPress主题都会在博客文章页面上显示侧边栏。

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

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

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

从WordPress中的单个帖子中删除边栏

如果要从某些单个帖子中删除侧边栏,则可以创建一个自定义的单个帖子模板。

WordPress 4.7内置了对帖子模板的支持。您需要按照指南中有关如何在WordPress中创建自定义单个帖子模板的步骤进行操作。

在自定义的单个帖子模板中,您要做的就是确保删除代码的侧边栏部分。

回到顶部