在这里，我们要实现博客侧边栏具有关闭/显示的功能。我们需要jquery的帮助。通过jquery，我们可以方便快捷地实现这个功能。现在让我们来看看实现过程。
首先，为了加载JQuery库，JQuery现在被添加到一般主题中，但是如果没有，请在header.php之前添加参考代码。
一种是通过php语句调用wordpress的jquery库，代码如下:
一种是通过html语句在相应的位置添加jquery库。你可以调用自己下载并存储在主题文件夹中的jquery库，也可以调用google提供的jquery库。代码如下:
然后，添加html显示代码，在适当的位置添加文本或按钮，样式可以根据主题进行修改。这个主题将它放在文章内容页面single.php的面包屑导航中。代码如下:
关闭边栏
最后，要添加jquery控制代码，您可以在header.php中添加以下代码，或者将以下代码添加到新的js文件中，例如global.js，然后调用，调用方法参数，并替换src属性中global.js的存储位置。代码如下:
/* * *关闭/显示侧栏* * */
jQuery(文档)。就绪(功能($){ 0
//选择“id = Close-侧边栏”中A标签的内容，即“关闭侧边栏”
$(‘ # close-侧栏a ‘)。切换(函数(){ 0
//中点后的文本显示为“显示侧边栏”。
$(这个)。文本(“显示侧栏”)；
//隐藏“id =侧边栏”的内容，也就是侧边栏，更改你的主题的侧边栏是什么id或者类别；如果需要隐藏其他部分，可以在添加逗号后继续添加标签，比如隐藏滚动条。
$(‘ #侧边栏，#滚动’)。hide()；
//将“class=main”的宽度扩展到990px，持续1000毫秒；如果需要加宽其他部分，可以在添加逗号后继续添加标签，比如文章主体。
$(‘.main’)。动画({width: “990px”}，1000)；
}，function(){ 0
//中点后的文字显示为“关闭侧边栏”。
$(这个)。文本(“关闭边栏”)；
//显示“id =侧边栏”的内容，即侧边栏，其他注意事项同上。
$(‘ #侧边栏，#滚动’)。show()；
//将“class=main”的宽度减小到700px，持续1000毫秒，其他注意事项同上。
$(‘.main’)。动画({width: “700px”}，1000)；
});
});
看完笔记，应该可以把对应的属性和属性值改成自己主题的属性和属性值。修改成功后就能看到效果，具体细节还得自己调整。通过这三个步骤，可以实现关闭/显示侧边栏的功能。至于关闭的位置和样式，关闭和显示的内容，以及关闭显示时的动态效果，可以自行展开。
如果我们仍然希望在wordpress的不同页面上显示侧边栏，我们可以参考以下方法。首页侧边栏和文章页面是分开的，这样我们就可以很好地控制想要显示的内容。
如何才能达到这种效果？方法如下:
1.将以下代码添加到主题functions.php文件中:
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => '首页侧栏',
'id' => 'widget_homesidebar',
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
register_sidebar(array(
'name' => '文章页侧栏',
'id' => 'widget_postsidebar',
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
}
以上代码注册了两个侧边栏:“首页侧栏”与“文章页侧栏”.
2、在主题的侧边栏文件siderbar.php添加如下代码:
<?php
if(is_home() || is_front_page()) { //首页显示“首页侧栏”
if (function_exists('dynamic_sidebar') && dynamic_sidebar('widget_homesidebar')){}
}
?>
<?php
if ( is_single() ) {//文章页显示 “文章页侧栏”
if (function_exists('dynamic_sidebar') && dynamic_sidebar('widget_postsidebar')){}
}
?>
OK,到后台看看效果吧.
