如何使WordPress博客添加多个sidebar侧边栏
https://www.cnblogs.com/lydbk/p/4609736.html
如何使WordPress博客添加多个sidebar侧边栏
在制作wordpress模版的时候,也许你会遇到一个sidebar侧栏不能完全满足你的需求,或者侧栏内容过多导致页面过长,那么我们可以考虑使用两个或者更多侧栏。
考虑到需要修改functions.php和sidebar.php文件,因此开始前备份好文件以防万一。
首先看functions.php文件。文件里有一段代码的开始部分是这样的:
<?php if ( function_exists('register_sidebar') )
删除这段代码以及相应的闭合括号,之后加入下面的内容:
<?php if ( function_exists('register_sidebar') ) register_sidebar(array('name'=>'sidebar1', 'before_widget' => '', 'after_widget' => '', 'before_title' => '<h2>', 'after_title' => '</h2>', )); ?>
这是一个侧栏的对应代码,如果我们要的是两个侧栏效果,那么就再加入一段侧栏代码,变成:
<?php if ( function_exists('register_sidebar') ) register_sidebar(array('name'=>'sidebar1', 'before_widget' => '', 'after_widget' => '', 'before_title' => '<h2>', 'after_title' => '</h2>', )); register_sidebar(array('name'=>'sidebar2', 'before_widget' => '', 'after_widget' => '', 'before_title' => '<h2>', 'after_title' => '</h2>', )); ?>
如果想多显示几个侧栏,只要复制同样的代码段,把其中的sidebar1/2后面的数字改动一下就可以了。
注册好必需的侧栏之后,wp-admin的wiget里就有了三个widget盒,之后我们需要激活侧栏,让它能够显示在博客前端。
打开sidebar.php文件之后你会看见一行这样的代码:
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebarname') ) : ?> <?php endif; ?>
删除之,然后加上:
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?> <?php endif; ?>
以上代码使sidebar1显示在博客前端。要同时显示sidebar1和sidebar2,则加入:
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?> <?php endif; ?><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?> <?php endif; ?>
以此类推,要显示sidebar345,请添加同样代码,将其中的数字略作改动即可。
大功告成。
注意:修改functions.php文件时请注意删除多余的闭合括号或空格等。
如何使WordPress博客添加多个sidebar侧边栏相关推荐
- wordpress添加媒体_如何向您的WordPress博客添加表情符号支持
wordpress添加媒体 Emojis are fun and cute. They allow you to express yourself without using too many wor ...
- php语录网站,杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站
我们做一个网站就是要不断给访客 提供最佳的用户体验,同时 提升自己的品牌价值,而文章结束的经典语录的功能,完全可以实现我们所要达到的效果.(如下图) 给你的wordpress博客添加经典语录功能 这个 ...
- wordpress博客添加新浪微博挂件
我一直想着把我的新浪微博嵌入到博客中,今天抽空到网上搜索了一下相关的插件,没有找到.后来看到了一篇如何把微博嵌入WordPress博客的方法,终于实现成功了.感谢分享这些的朋友们. 一直想着把我的新浪 ...
- WordPress博客添加看板娘
效果如下: WordPress博客添加看板娘(送37套服饰) 1. 从我的github下载压缩包 该压缩包已经自带37套服饰.支持换装功能.支持经典动漫台词展示.未来还会支持钉宫日语50音发声喔~ ...
- php如何添加音乐播放器,怎么为Wordpress博客添加MP3播放器
怎么为Wordpress博客添加MP3播放器? 首先到Flash MP3 Player 的主页上下载该程序.解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设 ...
- 给 WordPress 博客添加 Tabs 标签切换功能
博客中的tabs切换信息展示效果已经不新鲜了,现在很多的Wordpress主题默认就提供Tabs选项卡功能,网上也有很多教程可以自己手动实现.使用Tabs切换功能,好处很多,最为明显的就是可以充分利用 ...
- 为wp博客添加html网页,WordPress博客添加B站追番页面
Mashiro大佬博客也有追番页面,但是基于 Bangumi api 的太麻烦了,于是基于B站API写了一个追番页面模版,此模板理论适用于所有 WordPress 主题,但我只做了 Sakura 主题 ...
- 给 WordPress 博客添加随机文章的3个方法
一.随机文章的获取原理 WordPress 的文章查询函数 get_posts() 有个参数 orderby 指明了获取文章时的排序方式.通常我们是按照文章发布日期排序,比如 WordPress 站点 ...
- wordpress博客添加微博、微信分享等等
参考: http://icyou.org/1185 http://icyou.org/385 在使用WordPress过程中,有时为了方便阅读着分享到主流的社交网站或微薄,需要在文章旁边添加一些分享按 ...
最新文章
- 【工具软件】Xmind的使用
- 最早的神经元从何而来?海绵基因图谱揭示神经系统起源
- 基于dsp_builder的算法在FPGA上的实现(转自https://www.cnblogs.com/sunev/archive/2012/11/17/2774836.html)...
- (转)Javascript标准DOM Range操作(1)
- huge page 能给MySQL 带来性能提升吗?
- listview 的 selection mode 训练小例子
- LeetCode 260. 只出现一次的数字 III(位运算)
- 关于无法获取客户端IP地址
- php编译成jphp,php编译脚本安装
- 《Algorithms》—— 链表实现栈,队列,背包
- 英语总结系列(十八):六月一波三折的英语
- python print sep,Python3.x语句print(1,2,3,sep=’:’)的输出结果为()。
- jQuery 学习-DOM篇(一):jQuery 创建元素并添加属性
- Pass4side EMC E20-817认证考试题库
- 强力推荐!五款能让你成为Excel“高手”的Excel插件
- coso全称是什么_COSO更新有关企业风险管理的草案
- Python-opencv 批量处理图片
- easyexcel使用问题:使用时导出的excel文件损坏,打开不了,后台没异常错误
- DAMS峰会:解读ES搜索平台、AI中台、DataOps、机器学习等大数据技术精要
- org.hibernate.SessionException: Session was already closed
热门文章
- 企业高可用切换的说明
- php 类文件加载 Autoloader
- XML 命名空间(XML Namespaces)
- Python数值计算:一 使用Pylab绘图(1)
- 面试准备勿重“难”轻“易”
- leetcode 1208. 尽可能使字符串相等(滑动窗口)
- leetcode116. 填充每个节点的下一个右侧节点指针(dfs)
- leetcode127. 单词接龙(bfs)
- Matplotlib课程–学习Python数据可视化
- c++飞扬的小鸟游戏_通过建立一个飞扬的鸟游戏来学习从头开始