在 WordPress 网站中,借助 Blocksy Pro 提供的 Content Blocks(内容区块)功能,你可以轻松创建灵活的公告栏和促销横幅,实现定点、定时、定对象地展示信息,而无需手动改动代码或页面结构。
一、什么是 Content Blocks?它为何强大?
Content Blocks 是 Blocksy Pro 提供的一项强大功能,它允许你使用 WordPress 的区块编辑器(Gutenberg)构建任意内容片段,并通过钩子系统将这些内容插入到网站的任意位置。
其优势包括:
可视化编辑,所见即所得
灵活选择展示位置(Header、Footer、文章上下、侧边栏等)
支持时间、用户角色、设备等条件控制
无需写代码,操作简单高效
这使得 Content Blocks 成为部署临时通知、活动促销、弹窗提示等场景的利器。
二、应用场景:公告栏与促销横幅
以下是 Content Blocks 的两个典型应用场景:
1. 网站顶部公告栏(通知条)
适用于:
系统维护公告
快递延迟提醒
网站政策更新
2. 节日限时促销横幅
适用于:
圣诞节、黑五等电商大促
限时秒杀/倒计时
会员日/周年庆活动
你可以轻松插入横幅、按钮、倒计时器,吸引用户点击转化。
三、实操指南:如何创建一个公告或促销横幅?
以下以“圣诞节限时促销横幅”为例,演示完整操作流程:
步骤 1:进入 Content Blocks 创建新内容
Blocksy > Content Blocks
点击【Add New Content Block】
命名为“圣诞限时促销横幅”
步骤 2:设计你的横幅内容
在 Gutenberg 编辑器中添加内容,例如:
步骤 3:设置插入位置(Hooks)
右侧设置栏 > Blocksy Page Settings > Location
选择合适的位置,例如:
header_before:插入在网站顶部导航之前,最适合做公告栏
content_area_before:正文上方
footer_before:页脚之前
我们建议公告信息选择 header_before,便于用户第一时间看到。
四、设置展示条件:控制展示人群与时间
1. 设置显示页面
在 Content Block Display Conditions 中可设置:
显示在全站页面
精准选择单个页面
2. 设置用户条件
可以指定:
所有用户
已登录用户(会员)
管理员、编辑等特定角色
未登录访客(适合做转化引导)
例如:如果你的圣诞促销只对会员开放,则只勾选 Logged-in Users。
3. 设置设备类型
在 User Devices 设置中,可限制展示设备:
所有设备
仅桌面
仅移动端
适合针对性设置不同尺寸横幅,提升移动端体验。
五、样式建议:让横幅更吸引用户
一个优秀的公告栏/横幅,不只是“看得见”,还要“看得好”。
1. 颜色对比鲜明
建议横幅背景色采用高亮色调(如红、橙、深蓝),文字颜色使用白色或黑色对比色。
2. 文字简洁明了
内容应保持简洁,一句话传递主要信息,避免文字堆砌。
3. 加入行动按钮
横幅加一个明显的按钮可以显著提高点击率。例如:
[立即抢购] → 链接到促销页
[阅读公告] → 链接到公告详情页
4. 响应式优化
建议在移动端使用更短的文案、更小的字体或隐藏非核心元素,保持横幅简洁。
六、常见问题解答(FAQ)
1. 横幅如何快速隐藏?
可通过后台 Content Block 切换为“草稿”状态,立即停止展示。
2. 可以用 Elementor 编辑横幅吗?
可以。Blocksy 支持通过短代码或插入 Elementor 模板内容实现设计自由度更高的横幅。
3. 如何让横幅在用户关闭后不再显示?
可搭配 Cookie 控制弹窗插件,或定制 JS 脚本实现关闭横幅后隐藏效果。
七、总结:用 Content Blocks 高效响应业务变化
Blocksy 的 Content Blocks 功能为 WordPress 用户带来了灵活性。几分钟即可快速部署一条节日促销横幅或公告栏,支持精准定位、定时上线、定向用户展示,大大节省了修改模板和反复编辑的成本。