子比主题 在文章框架右上角 hover 显示当页二维码「手机浏览」

功能简介

子比主题文章页的右上角显示一个二维码图标,鼠标悬停时展开显示当前文章链接的二维码,方便用户用手机扫码访问。

实现细节:

  • 仅在文章详情页(is_single())生效
  • 图标定位在 article.article 容器的右上角(position:absolute;top:0;right:0)
  • hover时弹出面板从右上角展开,覆盖图标位置(top:-1px;right:-1px)
  • 使用子比主题自带的 jQuery qrcode 插件生成二维码
  • 面板样式:白色背景、描边、无阴影

在线演示

图片[1]-子比主题 在文章框架右上角 hover 显示当页二维码「手机浏览」
未滑动
图片[2]-子比主题 在文章框架右上角 hover 显示当页二维码「手机浏览」
滑动上了

使用代码

把下面代码放到zibll/functions.php里面就可以用了

温馨提示: 本文最后更新于2026-02-17 21:09:25,某些文章具有时效性,若有错误或已失效,请在下方留言或联系星空知
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共1条

请登录后发表评论

    暂无评论内容