WoodMart主题：Header Builder创建和自定义网站标头

在WoodMart主题中，Header Builder是一个强大的工具，帮助网站管理员方便地设计和编辑头部结构。使用Frontend模式，你可以直接在前端进行实时编辑，不用切换到wordpress后台，极大提高了工作效率。

开启Frontend模式进行头部编辑

要启用Frontend模式编辑头部，首先在顶部管理面板选择WoodMart -> Header Builder -> 编辑当前头部。

这样，你就能够直接在前端进行头部的编辑了。

在编辑时，还可以在底部的下拉菜单选择想要编辑的页面。

这一功能可以让你在不同的页面上设置不同的头部结构，极大地方便了个性化设计。

创建新头部

创建新头部时，WoodMart提供了几种方法：

• 空白结构：你可以创建一个空白的头部结构，并根据需要添加各种元素。

• 模板库：WoodMart提供了一个模板示例库，你可以选择一个模板作为基础，然后进行个性化定制。

要创建新的头部，请前往仪表盘 -> WoodMart -> Header Builder，点击创建新头部按钮。弹出窗口中有两个部分：

• 头部布局示例库：你可以从中选择一个模板作为基础，之后进行自定义。
• 已存在的头部：如果你已有自定义的头部，可以选择一个作为新头部的基础。

完成这些步骤后，新的头部布局将被创建，你可以开始进行编辑。

设置默认头部

在头部管理页面，你可以选择哪个头部作为网站的默认头部。只需点击你想设置为默认的头部旁边的星形按钮（设为默认），即可完成设置。

导入JSON数据创建头部

如果你有一个之前创建并导出的JSON文件，可以使用Header Builder将其导入。点击导入按钮，粘贴JSON数据并点击弹窗中的导入，即完成导入操作。使用这种方式，你可以将之前的头部设计迁移到当前网站，继续进行自定义。

头部行和列配置

在Header Builder中，你将看到一个由三行构成的布局，每行包含三个列。这些列代表网站头部的三个部分：顶部栏、主头部和底部栏。每个部分都是拖拽容器区域，你可以将各种元素拖放到这些列中，并根据需要调整列的位置。这样，你可以根据需求设计各种头部布局，并自由调整内容元素的排列顺序。

头部行和列的设置

每个头部部分都有自己的配置选项。点击编辑图标后，你可以对行的高度、配色方案、边框等进行自定义。在配置弹窗中，你还可以设置：

• 固定滚动：设置该行是否在滚动时固定。
• 设备隐藏：选择是否在移动端或桌面设备上隐藏该行。
• 底部边框：设置是否添加底部边框。
• 背景颜色或图片：自定义该行的背景。
• 布局结构：选择该行的布局结构。

经过这些选项，你可以灵活地调整头部的各个部分，打造符合你需求的个性化设计。

总结

WoodMart主题的Header Builder提供了灵活且高效的头部设计功能。使用Frontend模式，你可以在前端实时编辑头部，避免频繁切换到后台，提升设计效率。无论是创建空白结构、使用模板还是导入JSON数据，都能帮助你快速创建符合需求的头部。