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侧边栏相关推荐

  1. wordpress添加媒体_如何向您的WordPress博客添加表情符号支持

    wordpress添加媒体 Emojis are fun and cute. They allow you to express yourself without using too many wor ...

  2. php语录网站,杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站

    我们做一个网站就是要不断给访客 提供最佳的用户体验,同时 提升自己的品牌价值,而文章结束的经典语录的功能,完全可以实现我们所要达到的效果.(如下图) 给你的wordpress博客添加经典语录功能 这个 ...

  3. wordpress博客添加新浪微博挂件

    我一直想着把我的新浪微博嵌入到博客中,今天抽空到网上搜索了一下相关的插件,没有找到.后来看到了一篇如何把微博嵌入WordPress博客的方法,终于实现成功了.感谢分享这些的朋友们. 一直想着把我的新浪 ...

  4. WordPress博客添加看板娘

    效果如下: WordPress博客添加看板娘(送37套服饰) 1.  从我的github下载压缩包 该压缩包已经自带37套服饰.支持换装功能.支持经典动漫台词展示.未来还会支持钉宫日语50音发声喔~ ...

  5. php如何添加音乐播放器,怎么为Wordpress博客添加MP3播放器

    怎么为Wordpress博客添加MP3播放器? 首先到Flash MP3 Player 的主页上下载该程序.解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设 ...

  6. 给 WordPress 博客添加 Tabs 标签切换功能

    博客中的tabs切换信息展示效果已经不新鲜了,现在很多的Wordpress主题默认就提供Tabs选项卡功能,网上也有很多教程可以自己手动实现.使用Tabs切换功能,好处很多,最为明显的就是可以充分利用 ...

  7. 为wp博客添加html网页,WordPress博客添加B站追番页面

    Mashiro大佬博客也有追番页面,但是基于 Bangumi api 的太麻烦了,于是基于B站API写了一个追番页面模版,此模板理论适用于所有 WordPress 主题,但我只做了 Sakura 主题 ...

  8. 给 WordPress 博客添加随机文章的3个方法

    一.随机文章的获取原理 WordPress 的文章查询函数 get_posts() 有个参数 orderby 指明了获取文章时的排序方式.通常我们是按照文章发布日期排序,比如 WordPress 站点 ...

  9. wordpress博客添加微博、微信分享等等

    参考: http://icyou.org/1185 http://icyou.org/385 在使用WordPress过程中,有时为了方便阅读着分享到主流的社交网站或微薄,需要在文章旁边添加一些分享按 ...

最新文章

  1. 【工具软件】Xmind的使用
  2. 最早的神经元从何而来?海绵基因图谱揭示神经系统起源
  3. 基于dsp_builder的算法在FPGA上的实现(转自https://www.cnblogs.com/sunev/archive/2012/11/17/2774836.html)...
  4. (转)Javascript标准DOM Range操作(1)
  5. huge page 能给MySQL 带来性能提升吗?
  6. listview 的 selection mode 训练小例子
  7. LeetCode 260. 只出现一次的数字 III(位运算)
  8. 关于无法获取客户端IP地址
  9. php编译成jphp,php编译脚本安装
  10. 《Algorithms》—— 链表实现栈,队列,背包
  11. 英语总结系列(十八):六月一波三折的英语
  12. python print sep,Python3.x语句print(1,2,3,sep=’:’)的输出结果为()。
  13. jQuery 学习-DOM篇(一):jQuery 创建元素并添加属性
  14. Pass4side EMC E20-817认证考试题库
  15. 强力推荐!五款能让你成为Excel“高手”的Excel插件
  16. coso全称是什么_COSO更新有关企业风险管理的草案
  17. Python-opencv 批量处理图片
  18. easyexcel使用问题:使用时导出的excel文件损坏,打开不了,后台没异常错误
  19. DAMS峰会:解读ES搜索平台、AI中台、DataOps、机器学习等大数据技术精要
  20. org.hibernate.SessionException: Session was already closed

热门文章

  1. 企业高可用切换的说明
  2. php 类文件加载 Autoloader
  3. XML 命名空间(XML Namespaces)
  4. Python数值计算:一 使用Pylab绘图(1)
  5. 面试准备勿重“难”轻“易”
  6. leetcode 1208. 尽可能使字符串相等(滑动窗口)
  7. leetcode116. 填充每个节点的下一个右侧节点指针(dfs)
  8. leetcode127. 单词接龙(bfs)
  9. Matplotlib课程–学习Python数据可视化
  10. c++飞扬的小鸟游戏_通过建立一个飞扬的鸟游戏来学习从头开始