子比主题美化教程超可爱萌趣动态标题设置,自带软萌 Emoji 切换

文章最后更新时间:2026-01-15 09:03:02,若有错误或已失效,请在下方评论或联系博主

还在为你的 WordPress 网站标题一成不变而发愁吗?今天给大家分享一款适配子比主题(Zibll V8.4)的可爱萌趣动态标题代码,无需插件,只需粘贴一段 JS 代码,就能实现页面切换时的 Emoji 文案循环切换,瞬间让你的个人博客 / 二次元站点充满活力~

效果预览

图片[1]-子比主题美化教程超可爱萌趣动态标题设置,自带软萌 Emoji 切换-夏天屋

页面隐藏时(切换标签 / 最小化浏览器)循环展示软萌离开文案,例如:😽 喵~不要走嘛、🥺 再陪我一会儿呀、🤏 偷偷抓住你…
页面显示时(切回标签 / 还原浏览器)循环展示俏皮欢迎文案,例如:😆 欢迎回来呀、🎉 你终于出现啦、💓 超想你的哦…(文案完整展示后自动恢复网站原始标题,可自定义展示时长)

核心代码

使用步骤

第一步:进入自定义代码区域

  1. 登录你的 WordPress 后台
  2. 找到左侧菜单栏「子比主题设置」
  3. 在子比主题设置面板中,点击「自定义代码」→「自定义javascript代码」

第二步:粘贴代码并保存

  1. 复制上面的核心代码,完整粘贴到输入框中
  2. 下拉到页面底部,点击「保存设置」按钮

第三步:清除缓存(关键步骤)

  1. 按 Ctrl+F5 强制刷新首页

第四步:测试效果

  1. 打开你的网站首页
  2. 切换到其他浏览器标签页(或最小化浏览器),等待 1 秒
  3. 切回你的网站标签页,即可看到萌趣文案切换效果

自定义调整指南

1. 增减 / 修改萌趣文案

  • 找到代码中的 leaveCuteTexts(离开文案)和 backCuteTexts(返回文案)
  • 格式要求:每句文案用 " 包裹,句末加 ,(最后一句可省略)
  • 示例新增:"🐱 喵呜~等你哦","✨ 欢迎光临~",

2. 调整文案切换速度

  • 离开文案切换速度:修改 loopCuteTexts(leaveCuteTexts, 1300) 中的 1300(单位:毫秒,数值越小切换越快,推荐 800-1500ms)
  • 返回文案切换速度:修改 loopCuteTexts(backCuteTexts, 1100) 中的 1100,可单独调整节奏

3. 延长 / 缩短文案展示时间

  • 核心修改:调整 setTimeout 中的 6000(单位:毫秒,6000=6 秒)
  • 精准计算公式:总延迟时间 = 单句切换间隔 × 文案数量 × 展示轮数示例:想让欢迎文案展示 2 轮,计算为 1100×6×2=13200ms(即 13.2 秒)

4. 替换更多可爱 Emoji

推荐软萌 Emoji 合集(直接复制使用):

😻、🥰、🤗、🐶、🌸、🍬、💫、🙊、😆、🎉

这款动态标题代码无需依赖任何插件,轻量化且兼容性强,完美适配子比主题 V8.4,通过简单的自定义调整,就能打造专属你的萌趣网站标题。赶紧复制代码试试吧,让你的网站更具辨识度~

子比主题美化教程超可爱萌趣动态标题设置,自带软萌 Emoji 切换-夏天屋
子比主题美化教程超可爱萌趣动态标题设置,自带软萌 Emoji 切换
此内容为付费阅读,请付费后查看
5积分
付费阅读
© 版权声明
THE END
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容