HTML 代码块

HTML 区块是可重复使用的内容区域，您可以构建一次，然后在网站的多个位置显示。它们可以包含文本、图片、产品、表单、菜单或 Gutenberg、Elementor 或 WPBakery 支持的任何其他内容。

当您编辑一个已发布的 HTML 区块时，所有显示该区块的位置都会自动更新。这使得 HTML 区块非常适合用于共享内容，例如页脚、超级菜单、促销横幅、产品信息和侧边栏部分。

创建 HTML 区块

1. 导航至 仪表盘 → HTML 区块 → 添加区块。
2. 输入描述性标题，并使用 Gutenberg、Elementor 或 WPBakery 构建内容。
3. （可选）分配一个 HTML 区块分类，以便在仪表盘中组织可重复使用的内容。
4. 发布该区块。

简码列显示一个可重复使用的简码，格式如下：。将 123 替换为您的区块所显示的 ID。

插入 HTML 区块

使用 HTML 区块选择器

许多 WoodMart 控件都提供了专门的内容类型选择器。选择 HTML 区块，然后从搜索字段中选择已发布的区块。只要可用，这是首选方法。

在页面内容中插入简码

• Gutenberg — 添加一个简码区块，并从 HTML 区块列表中插入简码。
• Elementor — 添加简码小部件并插入 HTML 区块简码。
• WPBakery — 添加 WoodMart HTML 区块元素并选择所需的区块。

使用接受简码的字段

某些文本字段没有专门的 HTML 区块选择器，但会处理简码。在这些字段中，直接插入 HTML 区块简码。示例包括版权旁边的文本、空购物车文本以及年龄验证弹窗的消息字段。

页眉和导航

页眉构建器

将 HTML 区块元素添加到页眉构建器的行或列中，然后选择所需的区块。该元素可以显示使用任何支持的页面构建器创建的内容，并且在标准页眉元素无法提供所需结构时非常有用。

超级菜单

HTML 区块可以提供超级菜单的完整内容。在所需的 WordPress 菜单项设置中分配它。有关 Gutenberg、Elementor 和 WPBakery 的完整步骤，请参阅 创建超级菜单。

页脚区域

推荐的页脚方法是在 仪表盘 → 主题设置 → 页脚 下选择 HTML 区块，并分配一个包含完整页脚结构的可重用区块。有关详细说明，请参阅 设置页脚。

如果页脚使用 WordPress 小部件，请将 WOODMART HTML 区块小部件添加到页脚列或其他侧边栏，然后选择所需的区块。

对于页脚上方的内容，导航至 仪表盘 → 主题设置 → 页脚 → 页脚前区域，将 页脚前内容设置为 HTML 区块，然后选择该区块。

仪表盘 → 主题设置 → 页脚 → 版权 下的 版权旁边的文本字段接受简码，可以在版权文本旁边显示 HTML 区块。

横幅和弹窗内容

页眉横幅

导航至 仪表盘 → 主题设置 → 常规 → 页眉横幅，启用 页眉横幅，将 横幅内容设置为 HTML 区块，然后选择所需的区块。

弹窗

对于新的自定义弹窗，请使用 弹窗构建器。旧的促销弹窗仍在 仪表盘 → 主题设置 → 常规 → 促销弹窗 下可用，并支持 HTML 区块内容类型。

年龄验证弹窗没有单独的 HTML 区块选择器。将 HTML 区块简码插入到 仪表盘 → 主题设置 → 常规 → 年龄验证弹窗 下的 弹窗消息中。将弹窗的文本配色方案与区块中使用的颜色相匹配。

WooCommerce 位置

购物车和感谢页面

仪表盘 → 主题设置 → 商店 → 购物车 下的 空购物车文本字段接受 HTML 区块简码。使用它向空购物车页面添加可重用的按钮、链接、横幅或其他内容。

在 仪表盘 → 主题设置 → 商店 → 感谢页面 下，将 “感谢页面”的额外内容设置为 HTML 区块，然后选择该区块。单独的默认“感谢页面”内容选项控制标准的 WooCommerce 订单详情是否保持可见。

“加入购物车”按钮周围的内容

导航至 仪表盘 → 主题设置 → 单个产品 → 加入购物车。“加入购物车按钮”之前和“加入购物车按钮”之后均支持 HTML 区块内容类型。

产品选项卡

全局旧选项卡和特定产品的自定义选项卡可以使用 HTML 区块。有关当前配置方法以及全局选项卡和单个选项卡之间的区别，请参阅 自定义选项卡。

产品和分类法额外内容

单个产品可以在其内容之前、内容之后或页脚前位置显示选定的额外内容区块。有关当前的产品编辑工作流程，请参阅 产品页面配置。

产品分类和属性提供了一个额外描述内容类型。选择 HTML 区块并选择一个区块，以在产品循环后显示它。对于其他处理简码的分类法描述字段，直接插入 HTML 区块简码。