子比主题美化教程 – 添加前台编辑器未保存离开提醒功能

对于子比用户很多人都喜欢用前台的编辑器发布文章，这样非常的方便，但是有的时候我们发文章的时候访问了其他页面不注意了关掉了这个页面我们写的文章就白写了，所以这个功能就是加一个提示保存文章的功能，避免被关掉。今天就教大家给子比主题前台编辑器添加未保存离开提醒功能，修改内容后若未保存就关闭、刷新或跳转页面，会自动弹出警告提示，不改动主题核心文件，简单配置即可生效。

效果预览

代码部署

1. 登录你的 WordPress 后台
2. 进入「外观」→「子比主题设置」
3. 找到「全局 & 功能」→「自定义代码」→「自定义底部 HTML 代码」
4. 将以下完整代码粘贴到文本框中
5. 点击保存设置，刷新前端编辑页面即可生效

有了这个功能，使用子比前台编辑器写文章时，再也不用担心误关页面、误点跳转导致辛苦写的内容丢失，大幅提升前台写文的安全性和体验感！