在 WordPress 网站中,公告栏是一个非常实用的设计元素,可以用于发布限时促销、网站通知、维护提示、Cookie 通知等信息。使用 Blocksy 主题内置的 Content Blocks 功能,不用任何插件或编程,就能轻松实现全站统一展示的顶部公告栏。
![图片[1]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621151937487-image.png)
一、什么是 Blocksy Content Blocks?
Content Blocks 是 Blocksy 主题的一个高级功能(需启用 Blocksy Companion 插件的 Pro 模块),允许可视化编辑方式,在网站的特定位置插入自定义内容。它具备以下特点:
- 支持 全局 Hook 位置插入
- 支持 条件显示规则(仅在首页、特定文章、设备等)
- 可使用 Gutenberg 或页面构建器 编辑内容
- 支持 定时显示、短代码、模板复用
![图片[2]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621152007433-image.png)
二、添加全站公告栏的实操步骤
2.1 启用 Content Blocks 模块
- 登录 WordPress 后台
- 前往「外观 → Blocksy」
- 启用 Content Blocks 模块
![图片[3]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621153039306-image.png)
2.2 创建新的公告栏内容块
- 前往后台「外观 → Content Blocks」
- 点击「添加新建内容块」
- 命名为“全站公告栏”以便管理
- 在编辑器中插入你想展示的公告内容,例如:🎉 欢迎访问本站!限时优惠活动进行中,点击这里了解更多
![图片[4]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621153307786-image.png)
![图片[5]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621153705933-image.png)
2.3 设置显示位置为网站顶部
关键步骤是选择内容块显示在网站顶部(Header Top)区域:
- 滚动到编辑器下方的「Block Options」区域
- 选择 Location(插入位置) 为:Before content
- 设置 Display Condition(显示条件) 为:
Entire Website
![图片[6]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621153809980-image.png)
![图片[7]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621153954870-image.png)
2.4 发布内容块
确认内容和设置无误后,点击右上角「发布」。
此时,你的全站公告栏就会自动显示在每个页面顶部,不用其他设置。
三、视觉与交互优化建议
3.1 使用醒目的背景色和图标
为了提升公告栏的可见性,建议:
- 使用加粗文字吸引注意力
3.2 设置响应式样式
可以使用 Gutenberg 的「响应式可见性」设置,控制不同设备的显示方式
![图片[8]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621154946245-image.png)
3.3 添加跳转链接或按钮
可以使用按钮模块跳转到:
- 活动详情页
- 新文章推荐
- 优惠券页面
![图片[9]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621154657334-image.png)
四、进阶应用与变体思路
除了普通公告栏外,Content Blocks 还可以实现:
- 🎯 按页面类型设置公告:只在首页或分类页显示特定提示
- 📢 多语言公告:与 Translating with WPML 搭配,制作多语种提示栏
![图片[10]-如何用 Blocksy Content Blocks 添加全站公告栏?](https://www.361sale.com/wp-content/uploads/2025/06/20250621155611256-image.png)
五、总结
Blocksy Content Blocks 是一项灵活性的强大功能,不用插件、也不用写代码,就可以实现公告栏、浮动通知、自定义区域等内容的精准插入与管理。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |
THE END






















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容