子比主题美化：文章页右上方添加 hover 二维码

今天给大家带来一款子比主题文章页右上角的美化二维码功能。这个效果是在别人的站看到后，拿过来优化了一下的，鼠标悬停时会有类似 “翻页” 的顺滑过渡动画，样式和子比主题完美融合，喜欢的可以自行部署！

效果预览

代码部署

部署过程很简单，跟着步骤操作即可：

1. 登录你的 宝塔面板，找到你的网站，点击进入 根目录。
2. 依次打开文件夹：wp-content → themes → zibll（这是子比主题的目录）。
3. 找到 func.php 文件：
   • 如果文件已存在 → 直接点击 “编辑”。
   • 如果文件不存在 → 点击 “新建文件”，命名为 func.php。
4. ⚠ 重要提醒：打开文件后，不管是新建还是已有的，文件第一行必须是 <?php（如果是新建文件，第一行就输入这个），否则会导致网站报错！
5. 将下面的代码，复制粘贴到 func.php 文件的最底部。
6. 点击 “保存” 即可。

注意事项

• 务必备份：在修改任何主题文件前，建议先备份整个 zibll 主题文件夹，或者单独备份 func.php 文件，以防修改出错可以快速恢复。
• PHP 头检查：如果是新建的 func.php，一定要确认文件开头有 <?php，少了这个代码无法运行，网站可能会直接报错。

二维码依赖：本功能依赖子比主题内置的 qrcode 生成函数（代码中使用了 jQuery.fn.qrcode）。如果你使用的是极度精简版的子比，或者移除了相关功能，可能需要先安装对应的二维码生成插件。

结语

这款二维码美化代码不大，但能让文章页的细节质感提升不少，特别是那个 hover 的动画效果，用起来很舒服。喜欢的话就自行部署吧，有什么问题或者更好的优化建议，欢迎在评论区留言交流！