重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
在制作wordpress模版的时候,也许会遇到一个sidebar侧栏不能完全满足需求,或者侧栏内容过多导致页面过长,那么可以考虑使用两个或者更多侧栏。
创新互联总部坐落于成都市区,致力网站建设服务有成都网站制作、成都做网站、外贸营销网站建设、网络营销策划、网页设计、网站维护、公众号搭建、微信小程序、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设,为互联网品牌在互动行销领域创造价值而不懈努力!
考虑到需要修改functions.PHP和sidebar.php文件,因此开始前备份好文件以防万一。
第一步:首先看functions.php文件。文件里有一段代码的开始部分是这样的:
第二步:删除这段代码以及相应的闭合括号,之后加入下面的内容:
第三步:这是一个侧栏的对应代码,如果要的是两个侧栏效果,那么就再加入一段侧栏代码,变成:
如果想多显示几个侧栏,只要复制同样的代码段,把其中的sidebar1/2后面的数字改动一下就可以了。
注册好必需的侧栏之后,wp-admin的wiget里就有了三个widget盒,之后需要激活侧栏,让其能够显示在博客前端。
第四步:打开sidebar.php文件之后会看见一行这样的代码:
第五步:删除之,然后加上:
第六步:以上代码使sidebar1显示在博客前端。要同时显示sidebar1和sidebar2,则加入:
以此类推,要显示sidebar345,请添加同样代码,将其中的数字略作改动即可。
注意:修改functions.php文件时请注意删除多余的闭合括号或空格等。
要在网页中你想要显示 关闭/显示侧边栏 的提示按钮或者文字,在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
为Wordpress的Twenty Eleven主题添加文章页面侧边栏的方法如下:
1、进入wordpress后台——外观——编辑。找到single.php文件找到如下图所示位置(最后一行)
2、图中的这段代码应该在最下方。然后在图中这段代码的上方(即倒数第二行)添加如下代码:?php get_sidebar(); ?(英文状态下输入)。即引入侧边栏。添加好代码后点击更新文件。紧接着找到page.php。文件同样在最下方找到如上图的位置,并在同样的地方(倒数第二行)添加这段代码,然后点击更新文件。
3、完成以上步骤来进行第二步,同样在外观——编辑中找到style.css文件,然后找到如下图所示代码。
4、将以上代码删除或者用/* */把这段代码注释掉都可以。完成之后点击更新文件。这样文章页面侧边栏就添加好了。
调用侧栏的是sidebar.php和页脚footer.php这两个文件!\x0d\x0a不管是首页的index.php还是单篇日志页面的single.php,在文件的最后面,总是有这么两行代码:\x0d\x0a\x0d\x0a\x0d\x0a我们需要分两种情况说明:\x0d\x0a\x0d\x0a第一种情况:如果不使用主题的Widgets,那么只要两步就能完成对不同侧边栏的调用。\x0d\x0a\x0d\x0a找到single.php文件里的:\x0d\x0a\x0d\x0a修改为:\x0d\x0a\x0d\x0a上传并覆盖single.php,刷新,搞定!\x0d\x0a第二种情况:如果你使用了Widgets,只需要4步,也就能实现对不同侧边栏的调用。\x0d\x0a重复第一种情况中新建sidebar2.php的步骤。\x0d\x0a接着打开function.php,找到类似的代码:\x0d\x0a '',\x0d\x0a'after_widget= ,\x0d\x0a'before_title= '\x0d\x0a));\x0d\x0a\x0d\x0a这几行代码是一封”申请书”,向Wordpress申请了一个Widget。如果要在不同面面显示不同的侧栏,并且这个侧栏是要支持Widget的,那么需要向Wordpress再写一封”申请书”申请一个Widgets。并且这封申请书是有名字的,名字格式应该这样写: ‘name’ = ‘名字’,名字应该和后面sidebar2.php调用些widgets的名字保持一致,那应该这样写:\x0d\x0aif ( function_exists('register_sidebar') )\x0d\x0aregister_sidebar(array(\x0d\x0a'name= 'sidebar2',\x0d\x0a'before_widget= '',\x0d\x0a'after_widget= ,\x0d\x0a'before_title= '\x0d\x0a\x0d\x0a',\x0d\x0a'after_title= '\x0d\x0a',\x0d\x0a));\x0d\x0a将上面这句加到原先的”申请书”后面去。现在,需用将sidebar2.php中原来调用默认Widgets的代码改为调用sidebar2这个刚申请的Widgets。打开Sidebar2.php,找到这样的代码:\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a修改为:\x0d\x0a\x0d\x0a\x0d\x0a现在做最后一步的工作,打开single.php,找到:\x0d\x0a\x0d\x0a修改为:\x0d\x0a\x0d\x0a保存文件,上传。\x0d\x0a现在去后台的Widgets设置,会发现在下拉列表中多出一个Widget了,它的名字为Sidebar2,现在需要为他添加上一些东西。\x0d\x0a概括一下第二种情况的大体步骤:\x0d\x0a* 在functions.php”申请”一个Widgets\x0d\x0a* 在single.php中调用sidebar2.php\x0d\x0a* 将sidebar2.php中调用的widgets修改为sidebar\x0d\x0a* 拖一下你的Widgets\x0d\x0a到此,也就完成了不同页面显示不同sidebar的教程!