WoodMart 主题自带的 Header Builder(页眉构建器)和 Footer Builder(页脚构建器)功能非常强大,能够让你灵活地调整页面的顶部和底部布局,更好地匹配品牌形象。通过合理设计页眉和页脚,不仅可以提升网站的整体视觉效果,还能让导航结构更加清晰,方便用户快速找到所需内容。
接下来,我们将深入了解如何自定义 WoodMart 主题的页眉和页脚,包括如何利用这些工具创建独特的布局、调整设计元素以及优化用户导航体验。
页眉设置
WoodMart 主题允许对页眉进行深度定制,包括调整布局、颜色、组件等,确保不同设备上的显示效果都能达到最佳状态。
进入页眉构建器
进入 WordPress 后台
选择 WoodMart > Header Builder
选择适合的页眉布局,或点击 Add New 创建新的页眉结构
或者点击import header导入标头
调整页眉布局
在页眉构建器中,可使用拖拽方式调整各个模块的位置,如:
Logo:上传品牌 Logo,调整大小和对齐方式
主菜单:支持多级下拉菜单,可修改字体、颜色、间距
搜索框:支持 Ajax 搜索或普通搜索栏
购物车图标:适用于电商网站,可选择悬停展示购物车内容
社交媒体图标:添加 Facebook、Instagram、Twitter 等社交链接
点击Forntend editor进入前端可视化编辑
点击 Settings 配置标头设置
鼠标悬停在小组件上点击箭头可以编辑详细内容
顶部栏、主标题和标题底部左侧齿轮可设置行高、响应式、背景和文本颜色
移动端优化
在 Mobile Header 选项中:
选择移动端专属布局,如汉堡菜单
调整按钮大小、菜单显示方式,使导航更加便捷
页脚设置
WoodMart 页脚构建器支持不同的布局方式,可根据需求添加或删除模块,使网站底部信息更加清晰。
进入HTML Blocks
进入 WordPress 后台 选择 html blocks
点击 Add New Item 新建一个footer 点击使用elementor编辑 即可修改添加元素
内容填充好之后点击保存然后复制html短代码
打开你要编辑页脚的页面 添加html元素 把你复制的html短代码粘贴进去
保存回到前端页面
总结
WoodMart 主题提供了丰富的页眉和页脚自定义选项,掌握这些方法后,可以更轻松地打造独具特色的页面结构,使网站更加专业美观。