弹窗公告

描述

(弹窗公告)是一款简单强大的 WordPress 弹窗插件。支持三种不同的弹窗样式,可用于展示公告、促销信息或重要通知。无需复杂的配置——激活、设置、上线。

功能特性

  • 3 弹出样式: 居中卡片弹出、模态覆盖和提示通知
  • 可自定义内容:徽标图像、按钮文本、链接和自定义CSS
  • 视觉风格选择器: 点击预览卡片即可立即切换风格
  • 智能显示控制: 基于 Cookie 的频率控制,每天仅弹窗一次
  • 轻量无依赖: 无外部依赖,占用极小
  • 美观的后台界面:扁平化、多彩、基于区块的设置页面
  • 帮助中心:内置帮助标签,包含常见问题解答和联系方式

样式预览

  • 样式一 · 侧边通知条:带 Logo 头像的居中卡片弹窗,支持关闭按钮和跳转链接。适合品牌公告。
  • 样式二 · 侧边通知条:全屏半透明遮罩层,居中弹窗,标题醒目。适合重要通知。
  • 样式三 · 侧边通知条:Growl/Toast 风格通知条,自动消失。适合轻量提醒。

用法

  1. 在 WordPress 后台激活插件
  2. 进入设置 弹窗公告进行配置。
  3. 选择弹窗样式并自定义内容
  4. 保存设置,访问网站前台查看效果!

屏幕截图

安装

  1. 将插件文件夹上传到 /wp-content/plugins/ 目录,或通过 WordPress 插件安装程序安装.
  2. 在 WordPress 后台「插件」页面激活插件。
  3. 前往 设置 首页弹窗通知 进行配置。

常见问题

弹窗不显示怎么办?

请检查:
1. 确保插件已激活,且在设置中已保存弹窗内容。
2. 在设置中勾选「修复2」(Cookie 支持)。
3. 检查浏览器控制台是否有 JS 错误。

安装插件后网站前台 JS 失效了?

WordPress 自带最新版 jQuery,本插件使用默认 jQuery。如遇兼容问题,请更新您的主题。

弹窗每次页面刷新都显示吗?

不是的。样式一和样式二使用 Cookie 记录用户的关闭操作,每个用户每天仅弹窗一次。

弹窗外观可以自定义吗?

可以!每种样式都有独立的编辑器、颜色选择和宽度设置。

这个插件兼容缓存插件吗?

兼容。弹窗通过 wp_footer 钩子渲染,与大多数缓存插件兼容。

评价

此插件暂无评价。

贡献者及开发者

「弹窗公告」是开源软件。 以下人员对此插件做出了贡献。

贡献者

「弹窗公告」插件已被翻译至 2 种本地化语言。 感谢所有译者为本插件所做的贡献。

帮助将「弹窗公告」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志。

更新日志

1.0.5

  • i18n:修复了帮助选项卡答案未翻译的问题(源字符串中的引号转义)

1.0.4

  • i18n: 所有源字符串现在为英文,通过 .po/.mo 翻译为 zh_CN
  • i18n: 添加了 zh_CN 翻译文件 (languages/)
  • i18n: 重新生成了 .pot 模板

1.0.3

  • 新增:扁平化彩色管理界面重新设计
  • 新增:帮助标签页,包含常见问题解答、联系作者和插件介绍
  • 新增:通知位置的下拉箭头和描述
  • 更新:高分辨率样式预览图片
  • 修复:样式 3 通知脚本加载问题

1.0.2

  • 将 js.cookie.js 重命名为 cookie.js,提升文件系统兼容性

1.0.1

  • 移除了自定义 CSS/JS 输入框(WP.org 合规要求)
  • 内联 style/script 标签改为 wp_add_inline_style/wp_add_inline_script
  • 修复了 nonce 的 sanitize 处理
  • 移除了捆绑的 jQuery(使用 WordPress 自带版本)
  • 更新 js-cookie 到 v3.0.8
  • 移除了 load_plugin_textdomain() 调用
  • 兼容 WordPress 7.0

1.0.0

  • 完全重写:WordPress Settings API 替代 Redux Framework
  • 移除了所有混淆/加密代码
  • 移除了外部更新检查器
  • 移除了激活时的回传跟踪
  • 移除了捆绑的 Redux Framework
  • 新管理页面:设置 首页弹窗通知
  • 完整的国际化支持(包含 .pot 文件)
  • 所有函数以 hppn_ 前缀命名
  • 所有输出均已正确转义(esc_*,wp_kse_post)
  • 所有选项均有完整的 sanitize 回调
  • 带有预览图像的视觉样式选择器
  • 颜色选择器和媒体上传支持
  • 使用WordPress 6.9进行测试