站点图标 江湖人士

删除WordPress侧边栏,会这2招就可以了

删除WordPress侧边栏,会这2招就可以了。您是否要从WordPress网站中删除边栏?边栏是WordPress主题中的小部件就绪区域。它通常出现在每页内容区域的右侧或左侧或下方。在本文中,我们将向您展示如何轻松地在WordPress中删除侧边栏,用于制作WordPress 全宽页面。

为什么要删除WordPress侧边栏?

最近启动了一个英文niche网站,建英文网站,我使用的是国外免费主题,网站建好了以后,需要为一些Page撰写内容,一般来说,像关于,隐私,联系,披露等页面,都是使用Page来创建,这些页面要使用全宽页面,全宽页面就是没有侧边栏的页面,至于为什么要建立这些单独的page,在这篇博客中有说明,感兴趣的朋友可以阅读新手如何搭建博客网站赚钱呢,看这8个步骤你就知道了这篇文章。

国外免费WordPress主题和付费WordPress主题大多数都带有多个补充工具栏或窗口小部件就绪区域,当然有些主题做得好的话,会自带全宽页面(page )或者文章(post)。

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

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

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

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

移除WordPress侧边栏视频教程

观看该视频教程需要自备上网梯子

最简单方法制作WordPress 全宽页面

WordPress全宽页面可展示更多的内容,只需要在后台安装 Fullwidth Page Templates 插件,然后找到你想要制作全宽页面的文章或者页面编辑一下就可以了,对于页面的话,会在编辑后台多一个叫Page Attributes的功能,就可以选择对应的模板,如下图所示:

选择WordPress 全宽页面模板

而对于Post来说,一样的会多一个 Post Attributes功能,这样就可以针对Post设置全宽展示功能了,如下图所示。

选择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类来定义内容区域的宽度。您可以通过使用浏览器中的检查工具来执行此操作。

这是我在演示站点上使用了 Twenty Sixteen 主题的CSS示例。

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

调整好的效果如下:

从WordPress的单个页面中删除边栏

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

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

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

最简单的为Page删除侧边栏

这是删除前的效果:

WordPress删除Page侧边栏

最简单的方法就是安装插件:Fullwidth Templates for Any Theme & Page Builder。

然后再编辑对应的page页面即可。

设置现有page的template为Fullwidth

找到你要设置全宽页面的page,编辑一下就可以了。

以上的效果就是通过安装插件,然后再编辑现有page就可以实现没有侧边栏的效果。

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

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

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

如果您没有选择模板的选项,则表明您的主题没有Full Width模板。

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

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

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

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

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

<?php get_sidebar(); ?>

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

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

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

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

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

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

如果看不到全角模板选项,则必须手动创建全角模板。

退出移动版