Woodmart主题：最好用的B2C电商主题教程

WoodMart 是一款在 ThemeForest 上深受欢迎的高级 WooCommerce 主题，专为构建高性能、视觉吸引力强的电商网站而设计。WoodMart高度集成woocommerce功能，提供顾客流畅的购物体验，强大的页面构建器支持，elementor，Wpbakery，一键拖曳建立网站，非常方便。优秀的性能和超短时间的响应速度，助你提升SEO排名，还有响应式设计和移动端优化等，提升移动端转化率。

关于Woodmart

丰富的电商模板供选择，370+

强大的woocommerce集成

产品变体

变体色板插件

基于AJAX商城

全屏产品搜索

自定义产品页

Off-canvas侧边栏菜单

快速购买

产品视频

多sku一次性结账

带图评论

响应式设计

页眉设计

超级菜单

一次性费用

终身

6大理由

速度超快

双端90+

可视化拖放标题布局生成器

无限标题布局和外观供选择

超强过滤

支持多语言，多币种

Woodmart带来无限可能—客户案例

WoodMart主题安装与如何删除无用主题

进入wordpress后台，外观，主题。

这边我们可以看到启用的主题和没启用的主题。

选择未启用主题，点击最下面的删除按钮。

确定删除。未启用的主题也是占用空间和资源，最好都删除了，避免影响网站速度。

删除完，在本页面点击最上面的添加新主题。

继续点击上传主题。

把主题安装包上传，立刻安装。

稍等一会儿主题就安装完成了。

我安装的是woodmart主题，在主题下面prebuilt websites进去就能看到全部模板。如果是astra pro主题可以看这篇文章 WordPress主题安装教程

刚进入会提示安装必要插件，点击安装即可。

安装完成回到模板界面，这时候就可以导入了，选择适合自己的，import直接导入，导入完成就可以看到自己网站已经跟模板的一样了。

WoodMart页眉设置指南

WoodMart主题自带 Header Builder，可以实现不同类型的页眉，无需插件或代码。主要有以下几种方式：

1.默认页眉（Standard Header）

选择woodmart，点击header builder。

创建new header或者使用默认页眉都可以。

点击+号添加自定义元素，按需添加。

点击小齿轮可以设置列数量

设置页眉的布局，高度

桌面或者移动端隐藏开关，可以设置某些部分只在桌面或者移动端显示。

页眉样式设置，风格，背景颜色，边框样式。

默认页眉效果。

2.透明页眉（Transparent Header）

一样在header builder里面设置，选择需要设置的页眉（一定要设置成默认页眉），点击设置。

两种样式，第一个make it overlap按钮一定要打开。，make it boxed看自己喜好，开不开都可以。

盒状页眉样式。

保存，点击页眉最前面的齿轮修改样式。如下图。

选择style样式，把背景颜色都改为0也就是透明。

保存即可。

3.粘性页眉（Sticky Header）

sticky header也叫固定页眉。

同样是在woodmart-header builder设置。

点击齿轮。

打开粘性页眉开关。

保存后，返回选择顶部设置按钮。

设置粘性页眉样式。

固定透明页眉。

4.不同设备自定义页眉（Mobile Header）

woodmart-header builder-选择mobile即可自定义移动端页眉。

3种方式实现超级菜单

什么是Mega Menu

Mega Menu（超级菜单）是一种高级导航菜单，支持：

多级菜单布局

图标、图片、自定义 HTML

商品展示、分类导航

更好的用户体验，提高转化率

为什么WoodMart适合做Mega Menu

内置超级菜单功能，无需额外插件，简单易用。

支持 Elementor 自定义设计，可视化编辑 Mega Menu。

允许 HTML Block 插入商品、图标、图片等内容，适合电商网站。

Woodmart实现Mega Menu的3种方式

1.WoodMart 内置 Mega Menu（推荐）

点击外观 – 菜单。

选择你需要创建mega menu的顶级菜单或者创建新菜单。

然后选择需要做mega menu的顶级页面。

点击creat new HTML Block开始创建超级菜单。

如果点击创建新的HTML Block里面没有elementor编辑选项怎么办？

Elementor-设置，把HTML Blocks打勾。

使用elementor编辑。

加入你想展示在超级菜单里面的元素。

保存后回到菜单，选择相对应得HTML Block即可。

超级菜单创建成功。

2.Elementor 自定义 Mega Menu

一样先创建HTML Block。

HTML Block的结构设置。

添加需要的内容。

在相应菜单页当中选择刚创建的html block。

转到header builder。

修改或者创建新页眉。

并设置为默认页眉。

编辑页眉，添加main menu或者你自定义的菜单。

保存后前台查看是否正确。

3.Wordpress插件（无需Elementor）

ElementsKit Elementor addons教程（适合elementor编辑器用户）

下面三个不需要Elementor。

Quad Menu（灵活设计，兼容性强）

Max Mega Menu（超轻）

Wp mega menu（更强的自定义功能）

WoodMart如何修改页脚footer

主题自带的Footer

woodmart主题随意选择一个模板导入，或者直接在HTML Block新建一个footer。

点击使用elementor编辑，即可修改添加元素。

如果是新建footer，内容填充好，保存，复制HTML短代码。

打开相应页面，添加HTML元素，粘贴HTML短代码。

保存回到前台，成功把页脚加入。

Elementor自定义Footer

选择elementor模板，theme builder。

点击footer +号，添加新页脚。

这里可以添加模板也可以自定义。

添加完效果如下。

设置展示条件，全站应用。

保存发布，前台检查一下。

小工具

设置之前先查看theme settings里面的footer，有没有把html block改为widget，然后选择一个自己喜欢的布局保存。

copyrights，版权声明也可以在这里更改。

页脚背景颜色，字体等都是这里修改。

保存完直接转外观，自定义。

选择小工具。

4个footer column就是页脚区域。

按需求往每个footer column里面添加内容，保存就可以了。

主题内置的Footer构建功能

这种方式跟第一种有点类似，新建一个footer或者直接选择有的html block作为页脚。