子比主题 – 在文章右上角显示当页二维码

子比主题 – 在文章右上角显示当页二维码-码小淘网络
子比主题 – 在文章右上角显示当页二维码
此内容为付费阅读,请付费后查看
500积分
付费阅读

温馨提示:文章发布时间:2026年02月18日 00:02:18,若文章内容或图片等资源失效,请在线提交

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

特点:

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

效果

图片[1]-子比主题 – 在文章右上角显示当页二维码-码小淘网络

部署代码

请先登录才能订阅哦

立即登录
ヘ(≧∇≦)ノ
© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容