Q: 如何制作首页的轮播广告（banner）

免费的Elementor不提供Slider功能，请安装插件 Premium Addons for Elementor ，它是Elementor的元素扩展插件，使用它的 carousel widget 可以实现轮播广告功能。 安装并激活插件Premium Addons for Elementor之后，请先创建banner的内容，如下图所示，在templates中add new，模板类型一般选择setion。 进入页面后，你将能看到Premium Addons for Elementor提供的模板入口（五角星），点击它你可以查看一些现成的模板，免费的可以直接导入，标记pro的需要付费。 如下图所示，我导入了一个banner 插入完成后，你可以按需修改内容素材，完成后点击左下角的publish按钮发布。 接下来用相同的办法创建第二个banner，你也可以不导入模板，自制一个banner，譬如最简单的是直接用image图片元素 记得将图片尺寸设置为full，将link 设置为custom url，然后输入图片需要链接的页面。 接下来用Elementor编辑需要添加banner 的页面，总左侧元素库找到premium carousel，将它拖拽到右侧页面中 然后按下图所示，选择template为刚才制作的两个banner。 上图中我们能看到banner两侧有空白，我们如下图所示，选择banner所在的setion，然后在左侧的style中，将content width从box设置为full，这下banner两侧就没有空白了，但是四周还有细小的间隙，请继续往下看。 如下图所示操作，点选banner所在的column，然后在advanced标签页中，找到padding并设置为0，可以去掉banner周围的白色缝隙。

Question 1

如何隐藏产品列表页的排序功能

Accepted Answer

通过添加自定义css.woocommerce-ordering{display:none}

1.进入appearance 》 customize页面

2.点击底部的additional css

3.添加如下代码后，点击右上角的publish按钮即可。

.woocommerce-ordering{display:none}

Question 2

如何在首页展示我想要的产品

Accepted Answer

如果你用的是免费版Astra，使用Elementor编辑首页，将产品模块替换成新的元素Product Grid（EA）。

之前我们安装的Essential Addons for Elementor插件中，提供了Product Grid（EA）元素，使用它替换首页中已有的产品元素。

在Product Grid中，如下图所示，在Product setting中，按你的需要调整Filter By，以及Order（排序）规则、并且可以指定产品所属的目录（product categories）

其中，作为B2B站点，只有Rencent Products和Featured Products我们能用上。Rencent Products表示最新产品，Featured Products表示星标产品，在后台产品管理页面，将产品的星星点一下变实心就表示星标了。

备注：Best selling products表示热卖产品；sale products表示促销产品；top rated products表示最高评价产品；对于B2B站而言，不涉及销售，也就用不上这三个选项了。

Question 3

如何制作首页的轮播广告（banner）

Accepted Answer

免费的Elementor不提供Slider功能，请安装插件Premium Addons for Elementor，它是Elementor的元素扩展插件，使用它的carousel widget可以实现轮播广告功能。

安装并激活插件Premium Addons for Elementor之后，请先创建banner的内容，如下图所示，在templates中add new，模板类型一般选择setion。

进入页面后，你将能看到Premium Addons for Elementor提供的模板入口（五角星），点击它你可以查看一些现成的模板，免费的可以直接导入，标记pro的需要付费。

如下图所示，我导入了一个banner

插入完成后，你可以按需修改内容素材，完成后点击左下角的publish按钮发布。

接下来用相同的办法创建第二个banner，你也可以不导入模板，自制一个banner，譬如最简单的是直接用image图片元素

记得将图片尺寸设置为full，将link 设置为custom url，然后输入图片需要链接的页面。

接下来用Elementor编辑需要添加banner 的页面，总左侧元素库找到premium carousel，将它拖拽到右侧页面中

然后按下图所示，选择template为刚才制作的两个banner。

上图中我们能看到banner两侧有空白，我们如下图所示，选择banner所在的setion，然后在左侧的style中，将content width从box设置为full，这下banner两侧就没有空白了，但是四周还有细小的间隙，请继续往下看。

如下图所示操作，点选banner所在的column，然后在advanced标签页中，找到padding并设置为0，可以去掉banner周围的白色缝隙。

Question 4

插件要设置成自动更新吗？

Accepted Answer

不建议设置为自动更新，因为插件更新还是可能会出错的，建议1~3个月手动更新一次，更新前记得备份网站，除了主机的备份以外，还可以用updraftplus备份，直接在wordpress后台备份，方便后续恢复，如果更新出错，还可以用备份进行还原。

Question 5

为什么产品首页不能用Elementor编辑

Accepted Answer

当你用Elementor编辑SHOP或products页面时，出现下方图一的错误，那是因为这个页面在Woocommerce的设置中被选为商店页面（见下方图二），并且在页面管理中，也能看到它被标记为商店页面（见下方图三），此时，便不能用Elementor编辑，它是自动调用主题的模板的，如果你非要用Elementor编辑它，请先在Woocommerce的设置中，取消该页面作为商店页面。

图一图二图三

Question 6

为什么我修改了页面标题，但在菜单中还是修改前的？

Accepted Answer

这很可能是因为：这个页面在菜单中的标题被修改了，请前往appearance>menu中查看和修改，如果你想将菜单的页面标题与页面本身标题保持一致，请重新添加这个菜单项，不要人工添加自定义链接，直接选择页面并点击添加到菜单按钮。切记：如果你在菜单中修改了页面的标题，那么它将不会同步你在页面管理中设置的标题。
推荐阅读：如何在WordPress中制作菜单

Question 7

为什么我的产品首页没有展示产品呢？

Accepted Answer

大概率是的产品首页未被设置为商店页面。请在woocommerce的设置》常规中，按下图所示方式配置。

Question 8

菜单里的购物车图标没对齐，怎么办？

Accepted Answer

原因是在设置菜单最后一项图标时，选中了Take Last Item Outside Menu，如下图所示，去掉勾选即可恢复。

WordPress建站

WordPress建站实例教程（2）：零基础用Elementor插件做企业外贸网站

WordPress建站实例教程（1）：零基础用Astra主题做外贸独立站