wordpress怎么去掉侧边栏

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

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

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

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

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

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

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

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

第五步:删除之,然后加上:

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

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

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

1,登录wordpress*客后台。

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

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

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

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

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

要在网页中你想要显示关闭/显示侧边栏的提示按钮或者文字,在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>

错位的原因基本上是因为CSS设置宽度不对,

比方说:

你的页面宽度:1000px;

你首页左侧宽度:730px;

你侧边栏宽度:260px; margin-left:10px;

这样,你的首页正常。

如果你的文章页左侧的宽度:740px;

由于页面总宽度是1000px;,容不下740+260+10,

所以侧边栏就会下移,形成错位了。

修改一下文章页左侧的宽度就可以了。

希望帮到你。

相关文章
在线客服
微信联系
客服
扫码加微信(手机同号)
电话咨询
返回顶部