详情
评论
问答

子比主题美化:文章页侧边栏隐藏切换(记忆布局)

效果说明

很多读子比主题(Zibll)文章的用户,更想要全屏沉浸式阅读,不想被右侧固定的侧边栏占掉视野。这个细节在文章页原生信息栏加了一个侧边栏隐藏开关:点一下收起侧边栏、内容变全宽,再点恢复;并且带本地记忆——刷新或重新打开文章,都会保留你上次的布局选择。已适配洋屿子主题

效果预览

子比主题美化:文章页侧边栏隐藏切换(记忆布局)-小洋筑记

代码

功能亮点

  • 一键切换:信息栏上的小开关,点一下隐藏 / 显示侧边栏,随手就能拓宽阅读区。
  • 布局记忆:用浏览器本地存储记住偏好,刷新、重开文章都保持上次选择,不用反复点。
  • 沉浸式阅读:收起侧边栏后正文全宽,干扰更少,长文读着更舒服。
  • 原生风格:开关配色跟随子比主题主色,和原界面融为一体,不突兀。
  • 仅在文章页:只在单篇文章页出现,列表与独立页面不受影响。
  • 轻量无负担:体积小、逻辑简单,对加载速度几乎没有影响。

部署方式

这是一项全站功能,代码是 PHP,必须放进主题的 functions.php 底部(参考站 vwx.cn/155 也明确要求放到 functions.php 最底部)。为升级不覆盖,推荐放在洋屿子比主题的 functions.php;不想动文件也可装 Code Snippets 插件新建 PHP 片段。修改前先备份对应文件,方便回退。

小结

这个文章页侧边栏隐藏切换改动极小,却明显提升了长文阅读体验:一键收起侧边栏、布局还能本地记忆。它已在子比主题及洋屿子主题上验证可用,不碰父文件、升级不覆盖,是值得加的阅读优化。

文章版权声明 1、本网站名称:小洋筑记
2、本站永久网址:https://www.xiaouc.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容