WordPress怎么添加一个公告栏或促销横幅

使用插件、主题自定义器或手动代码可添加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”小工具添加到页眉或顶部区域
• 输入如下结构：

<div class=”promo-banner”>
  ? 限时优惠：全场8折，仅限本周！<a href=”/shop”>立即购买</a>
</div>

• 再到外观 > 自定义 > 额外CSS中添加样式：

.promo-banner {
  background: #ff6b6b;
  color: white;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 999;
}

这样就能实现一个醒目且固定的促销条。

基本上就这些。选择哪种方式取决于你的技术能力与需求复杂度。用插件最快，主题自带最稳，手写代码最自由。根据实际情况选就行。