使用Elementor建站的常见问题答疑

更新日期:2021-09-27
Share on facebook
Share on twitter
Share on linkedin

本文是读者们在使用Elementor进行外贸建站时遇到的问题与解决方法。本文不断更新,有问题请留言。

可以用Elementor编辑WooCommerce产品吗?

可以,请看下图,在Elementor设置的文章类型中,勾选产品并保存。然后你在编辑产品时,就能看到使用Elementor编辑按钮了。

image 41

Elementor能编辑产品的哪一部分内容?

可以用Elementor编辑产品的详细介绍,也可以认为是产品的正文而产品的简介(short description)是无法使用Elementor编辑的。

image 43

如何使用Elementor编辑Custom post type ui定义的文章

与上文同理,请在下图的Elementor设置中勾选你添加的文章类型并保存

此图像的alt属性为空;文件名为image-41.png

使用Custom post type ui添加的新文章类型可以用Elementor Pro制作列表页和详情页模板吗?

可以,譬如你可以用Custom post type ui(CPT UI)添加名叫case的文章,便于管理公司的案例,如果你想以类似博客的形式展示case,那么你在用CPT UI添加case时,需要注意下图中的配置:将has archive选择为true,这样以来,才能用Elementor Pro制作针对case的文章列表模板(Archive),然后发布模板时设置display condition为case archive即可。

image 44

用Elementor编辑商店页面/产品首页报错

原因是:这个页面在woocommerce的设置中已被设为商店页面,所以不可以用Elementor直接编辑。但你可以使用Elementor Pro制作Product archive模板,并在保存发布时,设置展示条件为shop page。

image 45
elementor pro create woocommerce shop page
用Elementor Pro制作产品列表模板时,设置展示条件为shop page

如何用Elementor制作图文等比缩放的首页Banner?

有读者反馈希望banner不因设备尺寸的改变而改变布局,譬如:不希望文字把背景图片挡住,又希望图片在不同设备上都能完整显示….emm,你只有把文案做到图片里直接作为banner了。

目前有几种方法:现在我比较推荐的是使用Eelementor的Image carousel元素来实现。

下面是我以前用的旧方法。

以Elementor Pro为例,你需要使用slider元素,将图片上传到背景中,同时设置size:contain,然后点击height(高度)旁边的设备图标,切换到不同设备上,分别设置图片的高度,以便图片宽度能完整显示。

image 46

接下来,切换到这个banner的content标签页,将内容、按钮都清空,设置link(链接),将链接方式(apply link on)设置为whole slider。

image 47

如果你使用的是免费的Elementor,那么你需要使用 Premium Addons For Elementor 高级元素扩展中的Premium Carousel / 轮播来制作banner。

推荐教程:

Astra主题教程:免费建外贸网站(入门级)或2021年B2B外贸建站的终极教程 (进阶级)

Elementor教程

点赞
0 / 5 0

Your page rank:

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

Copyright © LOYSEO.COM