首页 > 新闻资讯 > 给WordPress博客添加多个侧栏

给WordPress博客添加多个侧栏

17条评论
标签:
更多

当你觉得一个侧栏不能完全展示你想秀出来的东西,或者侧栏内容过多导致页面过长,可以考虑使用两个或者更多侧栏。

考虑到需要修改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; ?>

以此类推,要显示sidebar3\4\5,请添加同样代码,将其中的数字略作改动即可。

大功告成。

注意:修改functions.php文件时请注意删除多余的闭合括号或空格等。

原文

WordPress啦编译

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
沙发了^ 这个用处不大啦
#2
这段代码给力……
#3
有些主题有这个的
#4
这么强大 学习了 ,我得把这些简洁给力的代码保存下来 留着分享。
#5
这段代码的确很实用,不过已经是众所周知了。希望可以提供点新的东西出来。
#6
其实一个侧栏也是可以了吧??一直排下去就好。应该看不出区别吧??
#7
学习了,不适合我的博客,呵呵
#8
天天来学习!
#9
这可是技术贴啊。这个太给力了。但是又想了一想好像对我自己的用处不是很大呢。
#10
側欄不需要放太多東西就可以了
#11
菜鸟,还是将就用用了。
#12
正在找,多谢
#13
学习中的菜鸟,继续学习
#14
虽然很给力 很强大 但是对于我 可能作用不是太大 http://www.jp1568.com
#15
这样就能实现多个侧栏了呀,参考一下哦
#16
参考一下哦
#17
谢谢说明,一直想增加侧栏数找不到方法,现在就来试试