wordpress侧滑栏 wordpress sidebar
wordpress怎么在文章页里加入侧边栏
在制作wordpress模版的时候,也许会遇到一个sidebar侧栏不能完全满足需求,或者侧栏内容过多导致页面过长,那么可以考虑使用两个或者更多侧栏。
目前创新互联公司已为成百上千家的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、开平网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
考虑到需要修改functions.PHP和sidebar.php文件,因此开始前备份好文件以防万一。
第一步:首先看functions.php文件。文件里有一段代码的开始部分是这样的:
第二步:删除这段代码以及相应的闭合括号,之后加入下面的内容:
第三步:这是一个侧栏的对应代码,如果要的是两个侧栏效果,那么就再加入一段侧栏代码,变成:
如果想多显示几个侧栏,只要复制同样的代码段,把其中的sidebar1/2后面的数字改动一下就可以了。
注册好必需的侧栏之后,wp-admin的wiget里就有了三个widget盒,之后需要激活侧栏,让其能够显示在博客前端。
第四步:打开sidebar.php文件之后会看见一行这样的代码:
第五步:删除之,然后加上:
第六步:以上代码使sidebar1显示在博客前端。要同时显示sidebar1和sidebar2,则加入:
以此类推,要显示sidebar345,请添加同样代码,将其中的数字略作改动即可。
注意:修改functions.php文件时请注意删除多余的闭合括号或空格等。
使用主题后侧滑栏美化无效
如果您使用的是WordPress主题,请检查一下您的主题是否支持侧边栏美化功能。如果您使用的是其他类型的主题,请查看您的主题文档,看看是否有支持侧边栏美化的功能。如果您的主题不支持侧边栏美化,您可以尝试使用插件来实现这一功能。如果您使用的是WordPress主题,请检查一下您的主题是否支持侧边栏美化功能。如果您使用的是其他类型的主题,请查看您的主题文档,看看是否有支持侧边栏美化的功能。如果您的主题不支持侧边栏美化,您可以尝试使用插件来实现这一功能。
如何让WordPress侧边栏的指定模块随页面滚动
本文接着来告诉你如何让你的整个侧边栏或者侧边栏的指定某个模块在页面滚动的时候随着窗口一起滚动。听起来是不是很炫呢。滚动效果,相信大家已经见过太多,无外乎就是加载一个js特效。开始之前为大家介绍一下侧边栏的构成部分,因为本文采用js特效可以具体到侧边栏某模板(比方说A)到达顶部时,指定模块(比方说B)开始随页面滑动。侧边栏是怎么样的构造侧边栏可以通过小工具或者自行编辑sidebar.php代码来完成,模块布局灵活,一般包括近期文章,近期评论,标签云等等等。下面就是一个常见的侧边栏结构,模块id是我自行编写的,方便大家辨识。divid="sidebar"divclass="recentposts".../div//近期文章 divclass="hotposts".../div//热门文章 divclass="tagcloud".../div//标签云 divclass="recentcomments".../div//近期评论 divclass="blogroll".../div//连接表 /div上面就是一个简单的侧边栏构造,注各个模块的id,在下一步滚动代码中将得到对应。如何让侧边栏滚动起来下面就以热门文章、标签云两个相邻模块作为指定滚动模块,来说明指定模块如何实现随窗口滑动。varrollStart = $('.recentcomments'), //近期评论模块到达浏览器顶部时,指定模块开始滚动rollOut = $('.recentcomments,.blogroll'); //近期评论以下模块隐藏包括最新评论,指定模块显现rollStart.before('div class="rollbox"/div'); //这个可以不用修改,与下面保持一致varoffset = rollStart.offset(),objWindow = $(window),rollBox = rollStart.prev(), rollSet = $('.hotposts,.tagcloud'); //指定滚动的模块idobjWindow.scroll(function() { if (objWindow.scrollTop() offset.top){ if(rollBox.html(null)){ rollSet.clone().prependTo('.rollbox');//注意与上面的保持一直,不用做修改。 } rollOut.fadeOut(); rollBox.show().stop().animate({marginTop: objWindow.scrollTop() - offset.top + 20},400); } else { rollOut.fadeIn(); rollBox.hide().stop().animate({marginTop:0},400); } });你可以将其粘贴到主题js文件中,也可以用script type="text/javascript".../script将其括起来放置到header头文件中。代码说明:随着网页滚动条的滑动,当近期评论模块到达浏览器顶部,近期评论以下的模块包括近期评论隐藏消失,指定模块热门文章和标签云随即显示,开始随窗口滚动。此处代码以最新评论模块为临界点,过了此临界点指定模块显现开始滚动。代码中模块的id一定要和侧边栏sidebar.php模块的id保持一致。请结合代码中的说明理解。注明:指定滚动模块整体高度不要超过浏览器视窗的高度,否者会无限向下延伸。好了,就这样吧。0
文章名称:wordpress侧滑栏 wordpress sidebar
当前地址:http://scyanting.com/article/ddccoge.html