WordPress下如何用页面做侧边栏

在制作wordpress模版的时候,也许会遇到一个sidebar侧栏不能完全满足需求，或者侧栏内容过多导致页面过长，那么可以考虑使用两个或者更多侧栏。

考虑到需要修改functions.PHP和sidebar.php文件，因此开始前备份好文件以防万一。

**步：首先看functions.php文件。文件里有一段代码的开始部分是这样的：

第二步：删除这段代码以及相应的闭合括号，之后加入下面的内容：

第三步：这是一个侧栏的对应代码，如果要的是两个侧栏效果，那么就再加入一段侧栏代码，变成：

如果想多显示几个侧栏，只要复制同样的代码段，把其中的sidebar1/2后面的数字改动一下就可以了。

注册好必需的侧栏之后，wp-admin的wiget里就有了三个widget盒，之后需要**侧栏，让其能够显示在*客前端。

第四步：打开sidebar.php文件之后会看见一行这样的代码：

第五步：删除之，然后加上：

第六步：以上代码使sidebar1显示在*客前端。要同时显示sidebar1和sidebar2，则加入：

以此类推，要显示sidebar345，请添加同样代码，将其中的数字略作改动即可。

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

为Wordpress的Twenty Eleven主题添加文章页面侧边栏的方法如下：

1、进入wordpress后台——外观——编辑。找到single.php文件找到如下图所示位置（*后一行）

2、图中的这段代码应该在*下方。然后在图中这段代码的上方（即倒数第二行）添加如下代码：<?php get_sidebar();?>(英文状态下输入)。即引入侧边栏。添加好代码后点击更新文件。紧接着找到page.php。文件同样在*下方找到如上图的位置，并在同样的地方（倒数第二行）添加这段代码，然后点击更新文件。

3、完成以上步骤来进行第二步，同样在外观——编辑中找到style.css文件，然后找到如下图所示代码。

4、将以上代码删除或者用/**/把这段代码注释掉都可以。完成之后点击更新文件。这样文章页面侧边栏就添加好了。

要在网页中你想要显示关闭/显示侧边栏的提示按钮或者文字，在WordPress模板中插入

<span class="show-close-sidebar">关闭/显示侧边栏</span>

然后利用如下的jquery代码实现**侧边栏：

<script type="text/javascript" language="javascript">

$('.show-close-sidebar').toggle(function(){

$('.sidebar').fadeOut("fast");//让侧边栏快速渐隐掉

$('#content').animate({

width:"915px"//让正文主体部分宽度增加到915px

},1000);//执行时间是1000毫秒

},

function(){

$('#content').animate({

width:"700px"//让正文主体部分宽度收缩到700px

},1000);//执行时间是1000毫秒

$('.sidebar').fadeIn(3000);//让侧边栏渐渐隐现回来，执行时间为5000毫秒

}

);

</script>

1，登录wordpress*客后台。

2，查看网站前台侧边栏。现在包含”搜索、近期文章、近期评论、文章归档、分类目录等。

3，点击“外观”下的“小工具”。这时，就可以看到首页中显示的“侧边栏”了。

4，鼠标点击“文章归档”，按住不放。拖曳到左侧，即可将“文章归档”删掉。在首页刷新就看不到“文章归档”了。

5，现在尝试一下添加。将“文本”拖曳到搜索框底部。输入标题和内容，点击“保存”。

6，现在回到首页，查看一下效果，删减就是这么简单。