Elementor Scroll Snap实现整屏滚动效果(无需插件)
本文介绍Elementor Scroll Snap(滚动捕捉)如何实现整屏滚动效果,通过设置滚动捕捉使视口在滚动结束时停止或暂停在部分的特定位置,帮助你实现用户在页面中滚动鼠标直接跨越一屏的内容,类似切换PPT一样的效果。 查看DEMO→ 1、Elementor Scroll Snap滚动捕捉功能开关 你可以在Elementor设置的Features标签卡最下面看到 Scroll Snap开关,
Hello Elementor主题是Elementor编辑器原生主题,如果你的网站完全由Elementor Pro构建,我会推荐你安装Hello Elementor主题。Hello Elementor主题非常轻量,它几乎没有设置选项,一切工作都需要依赖Elementor Pro来完成。使用Hello Elementor主题其实本身就是使用Elementor Pro。
如果你刚刚接触Elementor编辑器,你可以阅读我写的一篇系统介绍如何使用Elementor建站的教程,教程基于Hello Elementor主题通过这篇教程你将可以从0开始学习如何使用Elementor编辑器来构建一个外贸网站,我也会持续不断更新教程的内容。
本文介绍Elementor Scroll Snap(滚动捕捉)如何实现整屏滚动效果,通过设置滚动捕捉使视口在滚动结束时停止或暂停在部分的特定位置,帮助你实现用户在页面中滚动鼠标直接跨越一屏的内容,类似切换PPT一样的效果。 查看DEMO→ 1、Elementor Scroll Snap滚动捕捉功能开关 你可以在Elementor设置的Features标签卡最下面看到 Scroll Snap开关,
本文介绍Elementor表单设置询盘提交成功自动给客户发送提示邮件,你可以实现在客户提交询盘表单之后自动给客户填写表单时留下的Email邮箱发送一个提示邮件,告诉客户表单提交成功了,和客户建立链接。 如果你还没有设置网站的询盘功能,请参照这篇文章《如何使用Elementor制作外贸询盘表单?》进行设置。另外,如果你要给客户发送邮件,建议使用自己的域名邮箱作为SMTP服务邮箱。 设置完成之后我们就
Elementor三方扩展插件Unlimited Elements For Elementor(UEE)提供了大量的Demo,你可以通过访问Demo并且直接复制到自己网站,只需要简单的操作步骤即可。 本站提供Unlimited Elements For Elementor(UEE)高级版正版授权,详情查看本站产品清单。 1、安装插件Doubly Doubly由Unlimited Elements
本文介绍Sticky Header Effects for Elementor插件实现Elementor Pro粘性和透明页眉教程。Elementor Pro原生插件一直没有引入粘性和透明页眉的功能,虽然可以通过元素的sticky属性来实现下拉固定页眉,但是没法同步实现透明页眉的效果,这款插件很完美的解决了这个问题。 之前我是通过CSS代码来Elementor Pro的粘性和透明页眉效果,如果你熟
最近很多人升级到Elementor V3.16时发现网站菜单或者页面布局显示会出现不正常的情况,我也遇到了同样的问题,所以写了这篇文章来详细的说明该问题和解决发方法,希望可以帮助到大家。 1、升级到Elementor V3.16出现的BUG复现 在操作之前我强烈建议你做好网站的备份,以免遇到不可知问题能够快速的恢复网站! 在网站后台升级Elementor版本到最新 升级之后网站的菜单样式丢失 或者
本文介绍如何直接给Elementor容器添加链接,可以实现鼠标点击整个Container区域任何位置都能跳转目标链接。 1、创建或者添加一个Container到页面中 这个Container可以是Flexbox或者Grid,根据你自己的布局需求。 2、修改容器的HTML Tag 选中这个Container容器,在Layout标签卡的Additional Options设置中,修改HTML Tag为
本文介绍如何删除Elementor新建页面的标题,当我们创建一个新的页面并使用Elementor进行编辑时,会发现编辑器窗口中会出现页面的标题,这个标题无法编辑和删除,如果你需要删除这个标题可以参考本文进行操作。 上图的标题是根据你创建页面时输入的标题自动展示的,默认情况下都会显示,并且不能编辑和修改,这是Elementor默认的页面设置,如果你不想显示这个标题,可以通过Elementor的页面设
Elementor3.15版本更新分类过滤器、嵌套手风琴、轮播小部件增强等功能,本文将介绍这些功能如何使用。 在进入小部件使用教程之前,你需要做: 1、将网站Elementor版本升级到最新的3.15版本 2、在Elementor设置中开启对应的功能 新功能:分类过滤器小部件 这是本次新版本中增加的小部件,它需要结合Loop Grid模版来实现按照分类标签展示列表内容的效果。你需要先创一个Loop
本文记录我使用UE插件Ajax Search元素按钮颜色透明度CSS重写的代码的过程。 在使用UE的Ajax Search元素时,发现其按钮被默认设置了透明度。于是只能手动对代码中的CSS进行修改。 将该元素添加到页面,并调整样式之后,发现按钮的颜色并不是我调的颜色。 很容易判断是有CSS代码干扰了显示效果。 有2个方法可以修正这个问题: 方法一:编辑元素代码 从元素的代码编辑入口进入 在CSS中
本文介绍3种方法在Elementor隐藏页面默认标题,在使用Elementor编辑一个新的页面时,页面顶部通常会出现当前页面标题,但是很多情况下,我并不想这个标题显示在我们的页面的中,通过本文介绍的方法可以帮助你隐藏这个默认标题。 方法一:修改Hello Elementor主题设置(推荐) 如果你的网站使用的是Hello Elementor主题,那么这个方法非常容易,只需要在主题设置中修改一个配置
本文介绍最新Elementor Container如何使用,是一篇超级详细的Container使用教程,涉及到每一个配置项的功能介绍,Elementor Container提供Flexbox和Grid两种布局模式,在布局上相对Section更加灵活。之前Section无法满足的布局需求,都能在Container下轻松实现。 我自己在使用了一段时间之后,发现Container确实提升了我工作效率。但
什么是Elementor导航器(Navigator)? Elementor导航器(Navigator)是在Elementor编辑视图下悬浮在编辑窗口的一个导航面板,通过点击这个面板里面的元素你可以轻松定位和找到需要编辑的内容。Elementor导航器对于长页面的编辑非常有帮助。 如何访问Elementor导航器? 你可以通过三个方式访问到Elementor导航器: 1 右键单击任何元素,然后单击&