• 欢迎访问年轻的斯基网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏年轻的斯基吧

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

建站知识 liam 7个月前 (02-24) 106次浏览 0个评论 扫描二维码

>

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

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

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

为什么要删除WordPress侧边栏?

阅读导航 展开

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

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

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

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

在大多数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'); ?>

删除你不想显示的侧边栏的行。

现在,保存文件并将其上传回您的网站。对您的网站上显示不同页面的所有模板文件重复此过程。完成后,您可以访问您的网站并进行实际操作。

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

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

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

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

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

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

调整好的效果如下:

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

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

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

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

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

最简单的为Page删除侧边栏

这是删除前的效果:

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

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

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

删除WordPress侧边栏,会这2招就可以了
设置现有page的template为Fullwidth

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

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

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

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

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

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

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

如果您没有选择模板的选项,则表明您的主题没有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主题都会在博客文章页面上显示侧边栏。

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

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

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

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

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


年轻的斯基 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:删除WordPress侧边栏,会这2招就可以了
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址