^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

WordPress添加显示和隐藏侧边栏按钮开关

该代码主要是用于在文章页添加一个显示隐藏侧边栏按钮的开关

功能代码:

你的二维码名字
此处内容已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注“mxyblog”微信公众号,回复关键字“92wp”,获取验证码。【友情提醒】用微信扫描右侧二维码即可关注哦!

如果是 xiu 主题,直接用就好了。

代码布置:放到 footer 之前即可。

代码效果图:

显示侧栏:

WordPress 添加显示和隐藏侧边栏按钮开关

隐藏侧栏:

WordPress 添加显示和隐藏侧边栏按钮开关

差点忘了,还需要在你布置该按钮的地方添加如下代码(xiu 主题放置到 single.php 中文章标题下相应位置即可):其他效果自己动手美化吧!

<li class="bianlan"><span class="close-sidebar">隐藏侧边</span><span class="show-sidebar" style="display:none;">显示侧边</span></li>
让小雨知道,这篇文章帮到了你

展开阅读全文

评论 9

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 
    是什么原理 我想给我的typecho也弄个回复
    • 陌小雨网站管理员
      @ 直接加吧,修改对应的容器属性就可以了回复
1 2

登录

忘记密码 ?

切换登录

注册