子比主题美化：右下角仿B站登录提示弹窗教程

本次为大家分享一款适配子比主题的仿哔哩哔哩登录提示弹窗美化功能，适配WordPress网站及子比主题搭建的论坛站点。该功能基于JS脚本实现用户登录状态智能判断，弹窗搭载流畅的动画效果，默认从页面右下角从下往上滑出展示，手动关闭时则从上往下滑入隐藏，交互体验高度还原B站原生弹窗风格，能够有效引导网站未登录用户完成账号登录，解锁更多站点权益。

部署教程

大家可根据自身网站需求，选择三种不同的代码挂载位置，分别实现全站展示、仅首页展示、仅论坛首页展示三种效果，具体操作步骤如下：

全站页面展示弹窗

登录网站后台，依次进入【子比主题设置】-【自定义代码】-【自定义底部HTML代码】，将完整源码粘贴至输入框，保存设置即可实现全站所有页面加载弹窗。

仅网站首页展示弹窗

进入网站后台【外观】-【小工具】，找到【自定义HTML】模块，将源码添加至首页底部位置，保存后仅网站首页会显示登录弹窗。

仅论坛首页展示弹窗

同样在后台【外观】-【小工具】的【自定义HTML】模块中，将源码挂载到【论坛】首页底部位置，保存后仅论坛首页生效。

完整代码

根据上述安装位置选择对应方案，复制以下完整源码粘贴部署即可：

功能总结

该弹窗美化功能轻量化、动画交互流畅、样式简约美观。通过智能识别用户登录状态，精准引导访客注册登录，能够有效提升网站用户登录率和活跃度，同时支持自定义修改，适配各类子比主题站点的美化需求。