子比主题美化 – 添加自定义悬浮按钮

子比主题自带的右下角悬浮按钮相对简洁,给子比主题添加一个自定义悬浮按钮。代码从狐狸库拷贝的,测试没有问题

效果预览

子比主题添加自定义悬浮按钮-长江博客

按钮介绍

  • 适配“会员”按钮,点击后自动跳转开通子比主题会员弹窗。
  • 增加“昼夜”切换模式,点击后切换“日间”或“夜间”模式。
  • 适配“签到”按钮,点击后自动签到。
  • 替换抽奖按钮及图标,可自定义图标&链接。
  • 重构“返回顶部”的监听滚动及点击事件Javascript代码。

实现步骤

可自建文件存放,CSS和JS代码可使用外链方式到HTML代码内。

子比主题亦可选择添加到如下位置:

zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义底部HTML代码

zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义CSS代码

zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义Javascript代码

相关图标

自定义位置存放图标,或者存放在网站/wp-content/themes/zibll/img/xuanfu/

下载图标
悬浮按钮图标
密码:d9au
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
喜欢就支持一下吧
点赞4 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容