361 361Sale WordPress Care by Openbyt · WordPress 修复与运维

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

托尼屎大颗
,
如何使用WoodMart主题的Header Builder创建和自定义网站头部

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

开启Frontend模式进行头部编辑

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

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

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

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

创建新头部

创建新头部时,WoodMart提供了几种方法:

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

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

设置默认头部

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

导入JSON数据创建头部

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

头部行和列配置

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

头部行和列的设置

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

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

总结

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

需要工程师帮你判断?

把症状、错误提示和最近改动发过来。

我们先判断风险、可能原因和安全下一步,再决定是否需要登录后台或服务器。

开始初诊

需要把这篇文章里的排查落到你的网站上吗?

把网址、错误提示、最近改动和影响范围发过来。我们先判断风险、备份状态和安全下一步;涉及数据库、支付、订单或安全问题时,不建议直接在生产站连续试错。

免费初诊 · 无需注册 · 先判断风险 提交后再决定是否修复
可上传错误截图、后台报错或页面异常截图,帮助更快判断。
提交前提醒先保留备份和错误提示,不要在生产站连续试错。