chrafz今天分享在WordPress中添加隐藏/显示侧边栏的方法。

先查看自己主题的主体样式是不是id=“primary”,侧边栏又是不是id=“sidebar”,不是则修改之;另外宽度width值也根据页面宽度相应修改!

添加CSS样式

在style.css样式表中添加如下样式:

以下非必要修改:WordPress主题模板相应文件中:

非必要修改,可改可不改,不影响实际效果。

添加JS控制

在网站相应JS文件中添加以下代码:

添加隐藏/显示边栏按钮

添加按钮

根据需要在页面相应位置添加显示和隐藏按钮,代码:

按钮样式

以下给出一个美化按钮的参考样式,可以根据需要自行调整: