使用插件、主题自定义器或手动代码可添加WordPress公告栏。1. 插件如Notification Banner或HivePress Announcement Bar,操作简单,功能丰富;2. 主题自定义器适用于Astra等支持公告栏的主题,无需插件;3. 手动添加HTML/CSS提供最大灵活性,适合定制需求。选择依据技术能力和实际需要。

在WordPress网站上添加公告栏或促销横幅,可以有效吸引用户注意,提升转化率。实现方式有多种,无需修改代码也能轻松完成。以下是几种实用方法。
使用插件快速添加横幅
最简单的方式是使用现成的插件,适合没有技术背景的用户。
- Notification Banner:轻量级插件,可创建顶部固定通知栏,支持自定义文字、颜色和链接。
- Elementor + Site Notice Widget:如果你用Elementor,安装扩展插件后可以直接拖拽添加通知模块。
- HivePress Announcement Bar:功能全面,支持倒计时、关闭按钮、设备可见性设置等。
安装后进入后台“设置”或“外观”菜单配置内容,启用即可显示在页面顶部或指定位置。
通过主题自定义器添加(无需插件)
部分主题(如Astra、Neve、OceanWP)内置了公告栏选项。
- 进入外观 > 自定义
- 查找“公告栏”、“Top Bar”或“Header Notice”设置项
- 输入文字,设置背景色、文字颜色和是否显示关闭按钮
- 保存后刷新页面即可看到效果
这种方式更轻便,但依赖主题是否支持。
手动添加HTML/CSS代码(灵活控制)
如果需要高度自定义样式或功能,可手动插入代码。
- 进入外观 > 小工具,将“自定义HTML”小工具添加到页眉或顶部区域
- 输入如下结构:
- 再到外观 > 自定义 > 额外CSS中添加样式:
background: #ff6b6b;
color: white;
padding: 10px;
text-align: center;
font-weight: bold;
position: relative;
top: 0;
width: 100%;
z-index: 999;
}
这样就能实现一个醒目且固定的促销条。
基本上就这些。选择哪种方式取决于你的技术能力与需求复杂度。用插件最快,主题自带最稳,手写代码最自由。根据实际情况选就行。










