还在为你的 WordPress 网站标题一成不变而发愁吗?今天给大家分享一款适配子比主题(Zibll V8.4)的可爱萌趣动态标题代码,无需插件,只需粘贴一段 JS 代码,就能实现页面切换时的 Emoji 文案循环切换,瞬间让你的个人博客 / 二次元站点充满活力~
效果预览
![图片[1]-子比主题美化教程超可爱萌趣动态标题设置,自带软萌 Emoji 切换-夏天屋](https://www.nssx.cn/wp-content/uploads/2025/12/d10cfaeb9420251224095758.webp)
页面隐藏时(切换标签 / 最小化浏览器)循环展示软萌离开文案,例如:😽 喵~不要走嘛、🥺 再陪我一会儿呀、🤏 偷偷抓住你…
页面显示时(切回标签 / 还原浏览器)循环展示俏皮欢迎文案,例如:😆 欢迎回来呀、🎉 你终于出现啦、💓 超想你的哦…(文案完整展示后自动恢复网站原始标题,可自定义展示时长)
核心代码
使用步骤
第一步:进入自定义代码区域
- 登录你的 WordPress 后台
- 找到左侧菜单栏「子比主题设置」
- 在子比主题设置面板中,点击「自定义代码」→「自定义javascript代码」
第二步:粘贴代码并保存
- 复制上面的核心代码,完整粘贴到输入框中
- 下拉到页面底部,点击「保存设置」按钮
第三步:清除缓存(关键步骤)
- 按
Ctrl+F5强制刷新首页
第四步:测试效果
- 打开你的网站首页
- 切换到其他浏览器标签页(或最小化浏览器),等待 1 秒
- 切回你的网站标签页,即可看到萌趣文案切换效果
自定义调整指南
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,通过简单的自定义调整,就能打造专属你的萌趣网站标题。赶紧复制代码试试吧,让你的网站更具辨识度~
© 版权声明
文章版权声明
THE END



暂无评论内容