php如何去除侧栏,WordPress移除侧边栏图文教程
无论免费主题还是付费的专业主题,大部分默认布局都会有一个侧边栏。但侧边栏并非适合每一个站点,有时候我们可能需要移除它,该怎么做?
可以使用多种方法从整个网站或仅从特定内容中删除WordPress侧边栏,本文我们将会详细探索这几种方法:
为什么删除WordPress网站侧边栏
侧边栏在WordPress设计中极为常见。通常位于主页面内容的右侧或左侧,少数主题还可能显示在页面底部。
WordPress侧边栏通常包含“小工具”,它们是出现在网站每个页面上的小内容区域。站长常常在侧边栏挂放CTA功能,例如电子邮件订阅和搜索栏:
侧栏小工具示例
有些网站甚至使用侧边栏展示导航菜单。这种做法对于用户体验来说是非常友好的,因为用户可以快速查找网站的所有内容:
侧边栏设置导航菜单示例
另外,侧边栏也是站长设置广告的热门位置。侧边栏广告能够保证广告本身高度可见,同时又不影响网站内容的可读性:
侧边栏广告示例
既然侧边栏为站长带来如此多的便利,似乎没有理由要将边栏移除。尽管可以将多种转换内容合并到侧边栏小工具中,但这样做也有其缺点。
其一,主要内容区域之外的所有内容都会分散网站用户的注意力。例如,如果博客上有一个侧边栏,侧边栏上一些引人注目的小工具,会分散访客对博客文章的注意力。
其二,在某些情况下,侧边栏可能影响到网站的整体视觉效果。将侧边栏添加到内容丰富的网站(例如新闻聚合和在线杂志)会让用户觉得杂乱无章,不知所措。另一方面,将其删除可让网站设计保持整洁且易于理解。
最后,边栏在移动网站上并不是特别有用。对于大多数响应主题,在移动设备上会将侧边栏移到页面底部。随着移动互联网的日益庞大,依赖于侧边栏的设计可能不再是理想的选择。
如何移除WordPress侧边栏
大多数主题默认布局中使用侧边栏功能,如果您更喜欢没有侧边栏的WordPress网站,您可以根据自己情况和偏好使用以下四种方法。
1. 完全移除WordPress网站侧边栏
如果您想完全删除网站的侧边栏,则需要编辑主题。在开始删除侧边栏之前,强烈建议您备份站点,以防万一出问题。还有更好的一种办法即考虑使用子主题,因为对子主题进行操作不会对主题本身作任何改变。
确保完全之后,即可开始对主题文件进行修改。可以使用FTP客户端(例如FileZilla )来执行,或者,从WordPress仪表板中编辑文件。
直接在WordPress仪表盘操作,可以通过“外观>主题编辑器”,在开始编辑主题文件前一般会提醒您:
主题编辑器警告
单击“我了解”按钮,并记住进行更改时要非常小心。然后,您需要找到每个主题的模板文件。这些是您的主题存储有关如何显示某些类型的内容(例如文章,页面和产品)的信息的位置。
每个主题中可能有几个模板,文件名称可能包括index.php,single.php,archive.php等,您需要逐个编辑。打开文件后,查找类似于以下代码的一行代码:
只需删除括号中的代码(在本例中为“sidebar-name”),即可从该模板中删除侧边栏。然后,重复此过程,直到您删除了整个主题中的代码。
完成此步骤后,主题可能会在侧边栏的原处保出很大的空白,整个网站的外观变得非常别扭,如下所示:
移除侧边栏后WordPress网站示例
这是因为即使侧边栏消失了,但为侧边栏预留的样式依然是在的。需要使用自定义CSS来更改内容区域的定义宽度,并且因主题而异。修改主题样式文件可能需要专业的前端技术人员,建议您找懂这块技术的朋友或者付点钱请个技术帮忙。
2. 删除WordPress静态页面侧边栏
在某些情况下,您可能希望在网站的某些地方使用边栏,而在某些地方又不使用。要从单个静态页面(如“主页”,“关于”或“博客”页面)中删除侧边栏,首先需要检查主题是否包含Full Width模板。
为此,编辑需要删除侧栏的页面。在“页面属性” 部分中,在“模板” 下拉菜单中查找Full Width选项:
检查可用模板
如果有可用的Full Width模板,只需选择它并更新页面即可删除侧边栏。如果您的主题不包含此功能,则可以创建自己的模板。
首先在文本编辑器中创建一个新文件,并将其命名为fullwidth.php 或类似名称。
然后访问主题的page.php 文件。复制此文件中的所有代码,并将其粘贴到新的fullwidth.php 文件中。在PHP开始标签之后,添加如下文件名:
/*
* Template Name: Fullwidth Template
*/
get_header(); ?>
之后,找到并删除以下代码:
php get_sidebar ('side-name') ?>
保存更改,然后通过FTP将新模板上载到主题或子主题的文件夹中。现在,您的网站页面应具有Fullwidth模板选项。
3. 移除某一文章页面侧边栏
如果您要创建不带侧边栏的单个博客文章,则首先要检查您的主题是否像页面一样提供full-width模板选项。一些页面编辑器如Elementor还提供此功能:
full-width文章模板示例
如果您的主题没有类似模板,且没有使用页面编辑器,则仍然可以通过创建自己的单个帖子模板来获得无侧边栏的文章。
此过程与创建页面模板非常相似。首先创建一个新的文本文件并添加以下代码:
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
get_header(); ?>
然后, 通过FTP或WordPress主题编辑器访问主题的single.php文件。将复制get header行下方所有内容,并将其粘贴到新模板的文本文件中。
有了工作基础之后,您就可以自定义文章模板了。
首先删除侧边栏代码,就像我们在本文中列出的其他方法中所做的一样。然后,您可以根据需要使用自定义CSS进行其他更改,也可以直接保存文件。确保将文件命名为具有纪念意义和描述性的名称,以便将来轻松查找。
最后,使用SFTP将新模板上传到主题或子主题的文件夹。您所命名的模板选项(因此在上面的示例中,“精选文章”)将出现在每个文章的“文章属性”部分的“模板”下拉菜单中。
4. 使用插件移除WordPress侧边栏
如果自定义编码你并不在行,或者担心编辑主题文件会导致出现差错,则还可以使用插件来删除WordPress侧边栏。
Content Aware Sidebar插件
该插件可以完全控制侧边栏小工具。例如,您可以为网站的不同区域创建特定的侧边栏。此外,允许在任何文章或页面上隐藏或显示侧边栏。
Simple Page Sidebar 插件
对于那些想要从某些页面删除WordPress侧边栏并在其他页面上合并自定义侧边栏的人,Content Aware Sidebar插件可能就没那么好用了。Simple Page Sidebars插件提供了类似的控制,而没有了那些不必要功能。
如果您仅仅希望删除WordPress网站的侧边栏,则 Widget Disable插件可能更适合您:
Widget Disable插件
使用此插件,只需单击几下即可删除边栏和仪表板小工具。它既简单又精简,并且除了移除侧边栏之外,无需对侧边栏进行任何更改,它可以是一个很好的便捷方法。
小结
尽管侧边栏具有许多有用的特性,但在某些情况下,WordPress侧边栏会分散网站内容,使页面混乱,并在移动端影响网站的质量。当然,在许多WordPress主题中仍然很重要,因此,我们应该根据实际情况,考虑是否需要移除侧边栏。
您可以使用以下四种方法来移除WordPress侧边栏:
通过编辑主题文件,完全移除WordPress侧边栏。
通过创建页面模板,移除静态页面边栏。
使用自定义文章模板创建没有边栏的单个文章。
使用插件删除WordPress侧边栏。
php如何去除侧栏,WordPress移除侧边栏图文教程相关推荐
- php如何去除侧栏,设置内容区侧栏
setTrayRight用于右侧边栏信息展示 ~~~ return TBuilder('custom') ->layoutView('layout_simple') ->setTrayRi ...
- w7计算机的工具栏爱那里,Win7系统如何在任务栏中添加爱心图标图文教程
大部分女性使用电脑时,都会觉得单调的一板一眼,除了秀气的桌面可换外,其他的就是枯燥无味.如果你有这样的感觉,或者你的朋友有这样感觉,下文你就必须要看了.小编几个步骤让Win7任务栏娇羞状,可以为沉稳任 ...
- Wordpress免费建站图文教程(二):建站虚拟主机的购买
L氪迹将在这里给各位新手分享Wordpress程序完整的免费建站教程,拆分每一个步骤,附上图文,让建站新手们更好地理解和操作,零基础也能快速上手学会建站. 上一期讲到如何购买域名,那么接着分享一下:搭 ...
- wordpress安装和使用图文教程(新手指南)
宝塔面板添加WordPress站点 一.建站准备条件 条件1:阿里云服务器一台.原则上有台服务器就好了,不过我一般喜欢用大品牌,稳定和安全. 条件2: 阿里云域名一个.在哪家买的服务器,就用哪家的域名 ...
- Wordpress免费建站图文教程(三):WP建站程序和主题模板的准备
L氪迹将在这里给各位新手分享Wordpress程序完整的免费建站教程,拆分每一个步骤,附上图文,让建站新手们更好地理解和操作,零基础也能快速上手学会建站. 上一期讲到如何购买虚拟主机,那么接着分享一下 ...
- php后台怎么搜索城市分类,WordPress在后台主题设置侧栏显示所有分类目录和对应id...
前几天,陌小雨分享了一个WordPress 主题后台框架,可以根据自己的需求很简单的进行设置和调用,这两天在开发一款主题的时候,为了方便主题使用者使用,需要在主题设置侧栏显示所有分类目录名和对应 id ...
- css 侧栏跟随_简单代码实现智能侧边栏跟随固定浮动的效果
很多网站博客都喜欢用"侧栏跟随"的效果,也就是随着滚动条的滚动,而跟着滑动或者固定的效果:感觉非常的人性化,一来可以弥补当一个页面很长,但侧边栏太短的时候的空白,二来可以合理利用空 ...
- tag+标签+php,ZBLOG PHP代码实现侧栏彩色标签TAG关键字样式方法
肯定不少网友和老蒋一样,在看到一些网友博客的时候界面细节元素做的还是相当不错的,比如在博客的侧栏TAG关键字标签采用的彩色样式,这个比我们使用的默认黑白样式或者单调的底层颜色样式会好看一些.当然,这个 ...
- html表单显示提示,html侧栏对应表单的提示显示
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. 侧栏对应提示 *{ margin: 0; padding: 0; } .main{ wid ...
最新文章
- python 导入库:from scipy.misc import imread出错问题
- 同时存多个变量缓存 微信小程序_微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解...
- python怎么导入txt数据库_Python导入txt数据到mysql的方法
- mat opencv java_OpenCV Mat到JavaCV Mat转换
- android mat下载地址,MatLog下载-MatLog(Log获取)下载v1.2.3 安卓版-西西软件下载
- jpa 忽略bean_在WildFly上将JPA和CDI Bean与骆驼一起使用
- 11g oracle xe启动_详解Oracle等待事件的分类、发现及优化
- 订单管理系统(含源码)
- 2014.12.1---Thema:EchartsD3
- linux ubuntn j经验
- 设置电脑眼睛保护色 多种颜色可选!
- 震网病毒这类“精确制导的网络导弹“与传统的网络攻击相比较,有哪些新的特点?
- 微信H5生成海报图片并保存到手机
- 用excel实现工作日志的更新和汇总
- windows配置本地的虚拟主机
- 科目一常考知识点速记技巧汇总(2022全新版)
- 什么叫单精度浮点型?什么叫双精度浮点型?
- Alphabetical list of part-of-speech tags used in the Penn Treebank Project:
- 未来视频编码_设计编码营销并消费未来
- 程序员不破此关,难达优秀