WordPress中的Elementor如何使用?2024年全指南教学!(持续更新)
LIKE.TG 成立于2020年,总部位于马来西亚,是首家汇集全球互联网产品,提供一站式软件产品解决方案的综合性品牌。唯一官方网站:www.like.tg
Elementor功能部件全解析
初次进入到Elementor编辑页面的朋友们率先注意到的是Elementor丰富的功能部件,比如免费版的朋友会看到基本款的功能部件包含了视频,按钮,谷歌地图等功能部件,如果是elementor pro的朋友还会有很多升级版的功能部件,今天这里重点介绍功能部件的类型以及一些重要功能部件的运用。
对于一些升级版的功能部件,如果想要了解具体什么功能可以自己尝试着添加到模板中去实地观察,这样可以更直观的了解。
我这里讲一个最有意思的功能就是 Lottie功能,这个功能涉及到给你的网页添加一些动态的元素,但这个元素需要从Lottie网站调用,这也是为什么这个功能叫做Lottie的原因,如果想看详细教学可以转移这篇文章中 elementor编辑中如何使用Lottie动态元素?
Elementor编辑区域的逻辑关系
在这一部分我将通过几个图例来详细介绍Elementor编辑过程中,我们在导入模板后在导航栏里看到的诸如板块、列、内部区段、容器以及Elementor菜单选项中的功能元素之间的逻辑关系。
首先我们来看下面这个图例,在我导入一个elementor的页面模板后,我选中了模板页中的一个板块区域,对应的板块区域即我画红框的区域,可以根据右侧导航栏中的示意看到,这个板块包含了两个“列”,即画橙色框线的位置。与此同时,这些橙色区域的“列”里头,装了诸如“图标列表”、“文本框”、“图片”等这些功能元素,而装载这些元素的蓝色区域,我们称之为“容器”。
OK,那到这里,我们就可以得出这样一个关系,就论包含的关系的将,板块、列、容器的关系就类似于大鱼中鱼小鱼的关系,But wait,这里我们是不是还漏了一个东西没提及?对了,还有一个内部区段。其实内部区段本质上和列是一个东西,只是因为方向不同而叫法不同,下个段落我们接着讲他们之间的关系。
内部区段和列究竟是什么关系?其实他们地位相等,打个比方,如果把板块比作扑克牌中的大王,那么内部区段和列都是小王,两者在实际操作中可以互相包含,接下来我以一个简单的例子告诉大家,它们两个微妙的不同。
如下图所示,刚才我们板块下,有一个内部区段的板块,即红色画框区域,里面包含了两个列(蓝色画框区域),内部区段和列的不同就在于两者的堆叠方式不同,列的区域增加是横向堆叠的(顾名思义就一列列的横向排),内部区段的增加是纵向堆叠(就好像我们段落堆叠一样)
同样的,对着列进行上述同样的操作,我们可以看到,原本只有两列,复制后得到三个列后,新的列往水平方向堆叠了。
所以列和内部区段的不同就是,一个是横向堆叠,一个是纵向堆叠。在你实际操作中,明白这点可以让你更自如地对整体页面进行排版。
容器的堆叠
容器与容器之间可以互相包含,同时堆叠的方式既可以横向,可以是纵向,取决于你的鼠标拖动添加时所形成的方向。
如何设置Pop ups
Pops out即弹窗,设置完弹窗后,用户在浏览网页时可以触发弹窗从而达到某种营销转化的效果。接下来我将会告诉你如何运用elementor去设置pop ups弹窗效果。
首先我们点击开elementor下方的模板选项,并选择pop ups进入弹窗模板选择页,这里我事先创建了很多模板,如果你没有现成的模板,点击上方新增模板即可
我们这里选择新增模板,输入对应的命名后,我们进入到elementor的编辑页面开始对pop ups进行设计编辑
一开始会让你选择相应的Pop up模板,你可以直接从里面直接选择后进行微调修改,这里由于我是导入的外部模板,所以我这里选择从我的模板里调用
进入到设计页面后,根据自己的审美以及功能需求进行调整即可
修改完点击发布后,会让你选择弹窗模板的显示范围(全站显示or特定页面),触发条件(有高级条件选项)等
根据自行需要进行触发条件的设置,其中advanced rules是高级条件设置,可以设置更为复杂的弹窗触发机制,根据自己的需求进行适当设置即可,不过大多数人并不会用到
这个弹窗设置在Elementor中给予了足够灵活强大的调整设置空间,用户可以根据自己的网站营销需求去进行设计,可以玩出的花样还是挺多的。
现在关注【LIKE.TG出海指南频道】、【LIKE.TG生态链-全球资源互联社区】,即可免费领取【WhatsApp、LINE、Telegram、Twitter、ZALO云控】等获客工具试用、【住宅IP、号段筛选】等免费资源,机会难得,快来解锁更多资源,助力您的业务飞速成长!点击【联系客服】
本文由LIKE.TG编辑部转载自互联网并编辑,如有侵权影响,请联系官方客服,将为您妥善处理。
This article is republished from public internet and edited by the LIKE.TG editorial department. If there is any infringement, please contact our official customer service for proper handling.