文章页显示隐藏侧边栏按钮插件-WordPress插件社区-WordPress-WordPress主题模板-zibll子比主题

文章页显示隐藏侧边栏按钮插件

该帖子部分内容已隐藏
付费阅读
已售 6
10积分
此内容为付费阅读,请付费后查看

插件安装

  • 登录 WordPress 后台 → 插件 → 安装插件 → 上传插件 → 选择压缩包 → 点击「现在安装」
  • 安装完成后,点击「启用插件」

使用效果

  • 启用后,访问任意文章详情页(仅文章页生效)
  • 在侧边栏的「文章元信息区域」(.single-metabox,通常是作者、日期、阅读量所在区域)会出现一个切换按钮
  • 点击按钮:
    • 按钮变色 + 滑块移动,页面自动切换为单栏布局(隐藏侧边栏)
    • 再次点击:恢复原来的双栏 / 三栏布局(显示侧边栏)
    • 状态会通过浏览器本地存储记忆,刷新页面或再次访问该网站的文章页,会保留上次的设置

注意事项

  1. 仅支持 Zibll 子比主题(依赖主题的 .single-metabox 容器和 site-layout-* 布局类名)
  2. 若你的 Zibll 主题修改过侧边栏元信息区域的类名(默认是 .single-metabox),导致按钮不显示:
    • 需先在文章页右键「检查元素」,找到侧边栏元信息区域的正确类名
    • 在插件代码中找到 $metabox = $(".single-metabox"),将 single-metabox 替换为你找到的类名
  3. 本地存储的状态仅保存在当前浏览器,更换浏览器或清除缓存后,会恢复默认状态(显示侧边栏)

插件总结

  • 插件核心功能:在 Zibll 主题文章页侧边栏添加「隐藏 / 显示侧边栏」切换按钮
  • 关键特性:状态本地记忆、仅文章页生效、适配主题样式、无需修改主题文件
  • 使用方式:安装启用即生效,点击按钮即可切换,无需额外配置

插件介绍

刚看各位大佬们分享的代码,用AI写了个插件方便使用,下载上传即可使用,页面布局一定要选文章页侧边栏打开!

原文代码:https://www.zibll.com/forum-post/42056.html

插件效果

20251202182723678-1-2

20251202182723304-2-1

插件下载

 

请登录后发表评论

    没有回复内容