gravatar头像龙笑天  7个月前 (05-11) 来源:龙笑天下 隐藏边栏 |   7 条评论  250 
文章评分 27 次,平均分 5.0

最近有很多使用知言Tinection主题的人问我本站的“隐藏/显示侧边栏”功能怎么实现的,今天在此分享一下“Tinection主题免插件实现WordPress隐藏/显示侧边栏”功能的相关实现方法。当然本方法不局限于tinection主题,修改一下可适用于所有主题!

免插件实现WordPress隐藏/显示侧边栏 wordpress

跟着下面的步骤走,即可实现“点击按钮隐藏/显示侧边栏”,具体的结构和效果可以参考本站,祝成功!

2016.5.15 更新新版,精简了第一步和第二步的代码。

1 添加隐藏/显示边栏按钮

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

2 添加JS

在js文件中加入以下js代码:

旧版第一步和第二步代码

3 添加css

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

友情提示:一定要注意,各个标签、id、class、命名等需相对应!

也可参考下面几篇文章:

WordPress 隐藏/显示侧边栏 免插件
“关闭/显示侧边栏”最简代码版
WordPress侧边栏关闭/显示设置方法
WordPress 实现自定义隐藏/显示侧边栏

 

除特别注明外,本站所有文章均为龙笑天下原创,转载请注明出处来自http://www.ilxtx.com/hide-show-sidebar.html

gravatar头像
龙笑天 最后编辑于:2016-05-31
互助分享,互联网本该如此!

发表评论

表情 链接 贴图 私信 格式 签到

最赞评论
  1. gravatar头像
    龙笑天 年费会员 博 主

    @boke112导航还是有不少人喜欢干净的宽页面的,特别是浏览高清大图、看电影时。

    2016-05-14 21:25
    4 0
  2. gravatar头像
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信

    代码不错,不过感觉意义不大,现在很多的主题都是响应式,我想应该没有多少人会去点击这个显示或隐藏侧边栏按钮

    2016-05-14 21:11
    1 0
  1. gravatar头像
    高平台球阀 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省温州市 电信

    不错啊,这个方法好。

    4楼 2016-10-17 11:13
    0 0 回复
  2. gravatar头像
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信

    代码不错,不过感觉意义不大,现在很多的主题都是响应式,我想应该没有多少人会去点击这个显示或隐藏侧边栏按钮

    地板 2016-05-14 21:11
    1 0 回复
    • gravatar头像
      龙笑天 年费会员 博 主

      @boke112导航还是有不少人喜欢干净的宽页面的,特别是浏览高清大图、看电影时。

      2016-05-14 21:25
      4 0 回复
  3. gravatar头像
    增达信购 来自天朝的朋友 搜狗浏览器 Windows 7 山东省 联通

    博文值得拜读。受益了!

    板凳 2016-05-13 14:57
    0 0 回复
  4. gravatar头像
    成航先森 评论达人 LV.3 来自天朝的朋友 Netscape Navigator iPhone iPhone OS 8_1 like Mac OS X 四川省成都市 移动

    都是js的套路

    沙发 2016-05-12 8:49
    0 0 回复
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录。
快捷登录后,请完善资料中的电子邮件地址,可及时收到回复邮件通知和用于登录!

切换登录

注册

扫一扫二维码分享