WoodMart主题使用保姆级教程

[hidecontent type=”payshow”]

2.如何购买WoodMart主题

上面说过了ThemeForest（主题森林）已经销售了八十多W次，我建议购买在主题森林购买，能保证是正版的，在Wordpress主题应用市场是搜索不到的，因为是付费的主题，没有免费的版本，所以没有展示出来。价格已经很便宜了我记得之前购买需要79美金。大家抓紧入手，对于喜欢DIY的绝对不能错过。

需要注册主题森林的账号，然后加入购物车，购买后，获取主题序列号，以及安装包，然后把安装包保存到本地。

当然有很多朋友们，肯定想着买破解版，如果你只是学习和练手确实可以考虑，如果你是一个电商网站，你需要考虑长期的发展，肯定是正版。

3.如何安装WoodMart主题

来到网站后端，点击添加新主题，然后安装主题。

选择主题安装包，然后点击Install Now，等待安装完成。如下图显示，即安装完成。

4.如何导入模板

然后我们再去选择合适的模版，按照如下图的步骤点击。

如下图，这里有84套精细模版，模版也在一直更新中，最开始也就70多种，不要觉得模版少，模版要取决于质量，我使用了很多主题的模版，但WoodMart主题的模版是最好用的，非常的合理和美观，怎么选择取决于你想做什么品类，建议新手还是以模版的品类结合你的品类为主，这样修改最少，也能让你的网站更快的上线，如果你对于某个模版特别的喜欢，不管品类，也可以，但需要你对于主题的有极高的熟练度，不然肯定拖延你网站的上线的进度。

点击lmport导入后，按照安装教程导入即可。然后导入完成后前端刷新是否正常。

如果你是做游戏的就可以考虑Games模版和Games Dark模版。有个错误的盲区，不要觉得你的首页设计感能超越模版，不然也就不叫模版了，模版本身的布局和美观度都是做了优化的，如果你喜欢自己DIY，最后只可能越来越丑，如果你是专业的设计师，那当我没说。

5.如何解决前端不可见的编辑按钮问题

有两种解决办法，因为WoodMart主题是与Elementor编辑器实现的。（但不限制Elementor编辑器，具体配合什么编辑器取决于你导入的模版使用什么编辑器），只是在这里我们讲述的Elementor编辑器。

1，Elementor编辑器功能未打开

我们到网站后端，如下图操作。

勾选如下图内容，特别是Pages（页面），因为首页以及商店，我的账户，购物车，结账都是属于页面的，其他的根据你的需要来勾选，如果你不勾选的话，在当前页面是无法使用Elementor编辑当前位置的。

2，首页没有开启Elementor编辑

网站后端找到pages（页面），找到所有页面。如果页面较少，找到HOME查看。

如果页面过多就需要使用到搜索功能,如下图：

首页的名字不一定是Home，根据模版的名称命名，如果你不喜欢可以修改，黄色部分Front Page，是归为认定的首页，Elementor代表此页面是用Elementor编辑的，如果你没有这个标志，代表这个页面是使用默认的编辑器编辑的。

如下图，如果没有Elementor编辑标志，点击这个Edit with Elementor后，就可以进入前端可视化编辑了。

可以重新打开一个网站前端查看是否有这个按钮。如果有，即一切正常。

6.如何自定义网站标题和内容

有两种方法更改

1，常规更改方法

WordPress网站后台的 设置→ 常规 页面中进行更改。如下图

填写如下图的位置。

2，可视化修改

进入网站后端，点击外貌（Appearance），再点击自定义（Customize）。

然后再点击站点标识（Site ldentity）。

然后更改标题和标语。

标题和标语，你直接提问AI，让他给你整理

比如网站的域名，我这是一个做什么的网站，有什么优点等等。

这个位置还能修改网站的浏览器图标，浏览器图标尺寸512*512。

你可以自己设计。根据你网站的品类突出元素，或者直接让美工做图一个，这样比较简单快速。

7.网站菜单和超级菜单的设置

1，普通菜单设置

点击外貌（Appearance），再点击菜单（Menus）。

然后根据模版的不同，菜单的数量以及类别都不少，可能只有一个主菜单和移动端菜单，也有像图片下面分的比较细，标头菜单（Header menu），标头右菜单（Header right menu），主导航（Main navigation），移动分类菜单（Mobile Categories Mega）和移动导航菜单（Mobile navigation）和粘性菜单（Sticky navigation Mega）。

然后我们就可以去挑选常用的内容，比如页面（Pages），文章（Posts），HTML块（HTML Blocks），产品（Products）和自定义链接（Custom Links），分类（Categories），产品分类（Product categorie）等等。

如果我们左侧找不到这些内容，那么我们怎么怎么去找？如下图：

是否勾选，如果没有勾选，左侧是不会展示这些内容让你选择的。

一二三级菜单只需要拖动就行，如下图：

每一个菜单的后面都有一个命名，如果是Elementor，就是代表这个菜单是用Elementor编辑的，如果是Category分类，代表这个是分类，如果在分类改动，菜单这里也会同步，如果你添加的是自定义链接，那么你需要到菜单这里把自定义链接的标题页要修改，如果在其他地方改动，那么菜单自定义链接的标题是不会同步的。

如果我想添加新菜单，怎么添加？

然后再添加菜单的名称即可，如下图：

2，超级菜单设置

那么超级菜单还需要注意什么呢？

比如展开的宽度，如下图：

HTML块内容，如下图：

以及下来的配色方案和条件，还有一个菜单图片和图标。

8.创建首页幻灯片(滑动模块)

9.WooCommerce插件的配置

1，如何上产品和管理产品

网站后端点击上新（ADD NEW），不管是左侧还是产品界面的上方都有按钮。同时还有产品的导入和导出功能。

单独管理每一个产品的功能编辑（Edit），删除（trash），预览（view）等等。

产品的分类（Categories），标签（Tags），属性（Attributes），评论（Reviews），也需要调整。

产品分类建议先添加，这样上产品的时候就能勾选分类了

属性这里指的是固定属性，比如衣服尺寸，鞋码，如果是不固定的属性，在上产品直接可以添加可变属性。

多变产品规格设置。

2，运输设置

添加运输方式。比如免费运输，或者加运费。

然后设置具体的运输名称，和方式。

两种方式，然后按照指导设置完成。

3，支付设置

设置好支付方式，但记得先测试好，在正式打开支付，记得把直接转账（Direct bank transfer）关掉，以免造成不必要的损失。

4，账户下单

勾选所有的情况下，用户都能下单，以免造成用户不想停留和下单的情况。

5，Emails设置

请记得填写好你的邮箱，以便客户下单或者其他状态下，你能收到邮件提醒，以免耽误了订单。

10.Elementor与WoodMart集成使用

Elementor编辑器会与每一个主题都有集成的模块，我推荐优先使用集成模块，那么WoodMart主题那些是集成模块呢？

我们先进入编辑模式。

然后我们能看到左侧有两个是与主题集成的模块，一个是Elements（代表主题和编辑器集成），另一个WooCommerce（是与电子商务插件集成），使用最多就是第一个。

展开第一个，我们可以看到很多模块，有标题（Section title），图片库（lmages gallery），幻灯片（Slider）。

还有Testimonials（评论），Button（按钮），Blog（博客），Banners carousel（横幅风格），你可以理解为图片的另一种形式。

Video（视频），Products (grid orcarousel)（产品展示，），AJAX Products tabs（产品的多个标签）Product categories（产品分类），WC Products widget（产品小部件）用来展示优惠和其他。

这就是基本你能使用的集成模块了，其他的不常用，但你可以尝试一下。

11.网站页面排版

1，如何使用Elementor的布局

我们可以看到有两个容器，使用最多的是第一个

一个是Container（容器），还有一个是Grid（网格容器）

他们的区别是什么？

第一个是容器，第二个网格容器。

他们有一个明显的区别是Grid(网格)是需要设置第一个才能设置第二个格子，Container则不需要，但也会有一个区别，就是如果你添加弹性盒子开始只选择了整个，没有分开，选择两格或者三个，他不能选择除非重新添加，但如果是网格就可以自己切换多个格式，大家根据实际情况去选择。优先使用Container。

2，容器不对称设置

如下图，设置不对称的宽度，即可。

3，快速上线

如果你想快速上线的话，就不要去修改模块了。

按照上图的方式，去调整容器和模块。

如下图，这是大容器的编辑。

按照这个层次显示，如下图，这样你更方便理解。

4，模块详细配置

产品分类模块

标题模块

也一起讲了，比较简单。

然后设置分类模块

然后设置第二个。

设置最终风格。

展示数量。

高级功能，一般不用。

产品模块

选择产品按照什么显示。

再来设置数量和风格。

然后我们继续下一步，根据实际情况来。

然后设置标题尺寸和颜色。

图片模块

图片比较简单，掌握好尺寸。

横幅（banner）

替换合适的图片和高度。

链接添加

基本的模块操作都差不多，安装我提供的来设置，其他的安装实际情况调整。

12.标头和页脚的设置

标头设置

进入网站后端，找到Header builder（标头生成器）。

然后进入编辑

对应前端的位置。

然后每个模块单独的调整。

非常的直观，简单。

按照图片点击，如下图：

添加模块。

很多模块，可以选择。如果插入代码选择Text/HTML（文本和html）。

页脚设置

可以在elmentor编辑界面直接到最下面的页脚直接点击。

第二种

然后点击编辑

然后根据elmentor的编辑方式编辑

是不是很简单，如果你还是不明白，请看elmentor的详细编辑。

13.主题选项设置

1，布局设置

2，标头通知栏

如果你需要展示标头的通知信息，更容易有视觉效果，比如优惠，或者活动，或者网站的优点，如下图：

网站的弹窗窗口，会在用户进入网站第一时间弹窗，非常能吸引客户，一般用来做活动，来刺激销量，当然还有网站的一些特别的消息也可以

3，手机端底部导航

前端的效果。

4，搜索设置条件

5，粘性菜单

6，页脚的部分设置

7，字体设置

高级自定义字体

8，风格与颜色

主颜色

按钮调节

9，博客设置

10，商店设置

快速查看可变产品

产品外观设置

分类外观设置

产品详情页的设置

快速购买按钮

11，登录注册

12，自定义css

14.总结

WoodMart主题的功能真的很强大。不仅可以兼容各种编辑器，还提供了非常丰富的电商功能，像是产品过滤、心愿单、产品比较等一应俱全。对于想要打造在线商店的卖家来说，这个主题在SEO优化和加载速度上也表现不错，后续维护也省心。总体来说，如果你喜欢DIY，这个主题会给你很多探索的空间，不过自定义排版还是需要一点经验。

对于插件的兼容性也非常好，不需要那么多额外的插件，因为主题把该做的功能都做到了，所以能提升网站速度。如果你喜欢研究，这个主题非常适合学习，因为SEO的优化比较好，所以后期的工作比较好开展，比如优化图片，网站速度，SEO内容等。

[/hidecontent]