WordPress 与 WoodMart 主题下 HTML Block 的使用方法详解

本教程介绍 WordPress 后台中 HTML Block 的使用方式，并结合 WoodMart 主题展示其实际应用效果。适合想要统一内容展示、增强页面表现力的站长或内容编辑人员。

什么是 HTML Block？

HTML Block 是一个可复用的内容模块，可以在后台独立创建，然后在多个页面位置调用。它适合以下场景：

• 展示信息提示框
• 添加公告内容
• 插入自定义代码片段
• 在页面特定区域保持内容一致性

在 WoodMart 主题中，HTML Block 可与页眉、页脚、产品详情模板配合使用，让内容更集中、结构更清晰。

创建 HTML Block

• 登录后台，找到左侧菜单中的 HTML Block 模块
• 新建一个 HTML Block，例如命名为“HTML Block 1”

• 输入要展示的内容（可以包含文字、图标、布局等）

• 点击发布

内容发布后不会自动出现在页面中，需要选择展示位置。

应用场景一：在 WoodMart 页脚上方插入提示内容

WoodMart 提供多个可插入模块的区域，其中 Pre-Footer 区域常用于展示额外提示：

• 进入主题设置中的 Pre-Footer 区域
• 在组件中选择 HTML Block 类型
• 从下拉列表中选中“HTML Block 1”

• 保存后，刷新页面便能看到信息出现在所有页面底部区域中

应用场景二：制作滚动公告

HTML Block 还能用于展示滚动文字或提示内容：

• 输入多个滚动文本，例如“订单满额包邮”、“365天质保服务”等

• 设置滚动方向、间距、速度

• 控制鼠标悬停时是否暂停滚动

• 修改颜色、背景、字体大小，实现自定义设计风格

• 可设置全宽显示，并添加图标等装饰元素

完成后可将其插入 WoodMart 主题的顶部横幅区域，用于推广活动或传递公告信息。

补充说明：如何将 HTML Block 加入页面结构中

除了页脚和产品详情页，HTML Block 还可出现在以下位置：

• Header Builder 中作为导航栏附加模块
• 分类页顶部展示特别内容
• 登录页、注册页增加提示信息
• 使用 Shortcode 粘贴到文章或页面内容区

在 WoodMart 的布局设计中，这类模块灵活且不依赖插件，可以单独控制展示样式和内容。

总结

HTML Block 是 WordPress 和 WoodMart 主题中非常实用的模块。它在内容管理中具备以下优势：

• 可集中管理统一内容
• 支持重复调用，节省编辑时间
• 可结合主题模板配置实现视觉统一
• 提供更多布局与设计空间，不受限制

这种方式能帮助内容编辑者以更清晰的结构展示信息，也便于后续维护与调整。如果希望提升站点结构规范度，推荐使用 HTML Block 配合 WoodMart 主题进行统一设计。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：[email protected]
④ 工作时间：周一至周五，9:30-18:30，节假日休息