Elementor添加Bilibili视频2种方法
本文介绍Elementor添加Bilibili视频2种方法,第一种是通过HTML代码插入Iframe,另外一种是通过插件实现,本文会对这2种方法做详细的介绍。 我自己也会在网站中添加B站视频,通常我使用的都是Iframe的方法,这种方法可以写一个全局的CSS代码,来控制样式,然后复制的Iframe代码中需要修改添加一个CSS类名。 第二个方法是我自己通过AI写了一个插件,实现在Elementor中
Hello Elementor主题是Elementor编辑器原生主题,如果你的网站完全由Elementor Pro构建,我会推荐你安装Hello Elementor主题。Hello Elementor主题非常轻量,它几乎没有设置选项,一切工作都需要依赖Elementor Pro来完成。使用Hello Elementor主题其实本身就是使用Elementor Pro。
如果你刚刚接触Elementor编辑器,你可以阅读我写的一篇系统介绍如何使用Elementor建站的教程,教程基于Hello Elementor主题通过这篇教程你将可以从0开始学习如何使用Elementor编辑器来构建一个外贸网站,我也会持续不断更新教程的内容。
本文介绍Elementor添加Bilibili视频2种方法,第一种是通过HTML代码插入Iframe,另外一种是通过插件实现,本文会对这2种方法做详细的介绍。 我自己也会在网站中添加B站视频,通常我使用的都是Iframe的方法,这种方法可以写一个全局的CSS代码,来控制样式,然后复制的Iframe代码中需要修改添加一个CSS类名。 第二个方法是我自己通过AI写了一个插件,实现在Elementor中
最近发现了Woodmart主题更新之后,Elementor的Table Of Content,Silder轮播自动播放等元素和效果受到了影响,经过一些列的排查和修复之后我将过程整理如下: 一开始我以为这个问题和网站的缓存插件,比如WPRocket有关系,但是停用插件,发现问题仍然存在。 我其他的Elementor网站并未发现此类问题,那么猜测大概率和主题有关系,于是我将Woodmart主题切换成W
本文介绍Elementor版本回滚教操作过程,版本回滚操作在日常网站遇到一些兼容问题,或者当前版本有BUG的情况下非常实用。 Elementor提供版本管理选项,只需要登录到网站后台,进入Elementor的Tools菜单下即可进行Elementor版本回滚操作。 温馨提示:版本回滚的操作虽然是常规操作,但是不能百分之百保证不会破坏网站,如果你对操作没有信心,建议先确保网站有一份可恢复的完整备份,
本教程介绍2种Elementor表单实现电话字段国家代码,默认的Elementor表单电话字段没有国家区号,本教程提供了2个有效的方案,实现根据用户位置自动显示电话号码的国家区号效果。 方案一:Ali Addons For Elementor插件实现表单手机号码国家代码 方案一实现效果如下图,可以根据用户所在区域自动定位国家代码。 方案一使用Ali Addons For Elementor插件,此
本文介绍Elementor Popup设置点击连接弹出的2种方法法,在Elementor中创建一个Popup弹出框,我们可以通过多种方式进行点击有弹出设置。 方法一:通过Elementor元素Link的动态标签设置弹出 这种方法仅限于在Elementor编辑中使用,任何带有Link选项的链接都可以进行设置,比如按钮元素,我们只需要在link选项中设置动态标签,并在列表中选择Popup 然后,点击l
本文介绍如何使用Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程,将Zapier流程集成到Elementor Form中可以实现表单消息关键词过滤和转发。 此方法适合需要过滤垃圾关键词询盘邮件消息的用户,一般表单安全验证主要是防止机器人提交垃圾信息,但是无法阻止人工发送的垃圾询盘,通过Zapier流程过滤垃圾关键词之后转发询盘消息,可以避免收到一些人工发送的垃圾询盘信息。 什么是
Elementor Off Canvas 小部件是最新的Elementor原生功能,之前我是用UAE插件的Off Canvas 来实现的,Elementor原生的小部件相对来说实现更加简单,本文是针对Elementor Off Canvas的使用教程。 如果你在Elementor编辑画布的元素列表中找不到Elementor原生Off Canvas小部件,那么请备份网站,之后更新Elementor插
本文介绍如何借助Elementor的操作记录和修订版本进行Elementor页面恢复操作? 如果你在找古腾堡编辑器的修订版本的操作方法,请阅读《古腾堡编辑器的修订版本》 Elementor目前有2种画布窗口模式,所以我会分别介绍修订版本操作在哪里进入编辑。 如果你是传统的画布窗口 在编辑窗口左侧工具栏的下方有一个History按钮,可以进入操作记录和修订版本编辑。 点击之后可以看到操作和版本记录如
Elementor新出的Floating Buttons功能,发现了Mobile Bar的移动端全宽不生效,这个问题我在本地测试发现所有的Mobile Bar模版的移动端全宽开启都不生效。 根据排查的方法,我也进行了一些的排查工作,发现问题任然存在。 于是通过自定义CSS代码,修复了这个问题。 CSS代码如下,代码中的颜色根据你自己的网站主题色修改即可。 使用以上代码的同时,你还需要将Mobile
本文介绍最新版本Elementor Floating Buttons使用教程,本功能基于Elementor 3.23本及以上,如果你网站的Elementor版本比这版本低,请先升级到此版本以上。Elementor Floating Buttons功能以模版的形式提供功能,免费版本的有3个预制模版可以使用,Elementor Pro版本则可以使用30多个预制模版。 如果你需要Elementor Pr
本文介绍RankMath面包屑使用教程,如果你安装的RankMath SEO就可以使用它提供的面包屑功能,免费版的通常是通过短码来实现,但是RankMath SEO Pro提供集成到Elementor的面包屑元素,你可以通过Elementor来编辑它的外观。 RankMath面包屑设置详解 在使用之前,我们先来了解一下RankMath SEO插件中面包屑的设置选项。 在RankMath SEO插件
Elementor元素管理器是Elementor的一项基础功能,通过它你可以管理网站中所有的Elementor元素,包括Elementor第三方插件的元素。通过Elementor 元素管理器禁用不需要的Elementor 元素,可以加快网站加载的时间,并避免一些兼容性问题。 Elementor 元素管理器在免费版本中也可用,但是不能管理Elementor Pro的元素,同时不能修改元素的编辑权限。