Elementor教程:最新原生Elementor Mega Menu如何实现?(附视频)
本文介绍最新基于原生Elementor Mega Menu实现方法,Elementor最新版本3.12.0实现了原生的Mega Menu功能。该功能需要安装激活Elementor Pro。 本站提供Elementor Pro官方授权,49元/年每站点,有需要可以联系获取。 推荐阅读Elementor教程(一套适合新手的完整Elementor外贸建站教程) 第一步 升级Elementor到最新版本
Hello Elementor主题是Elementor编辑器原生主题,如果你的网站完全由Elementor Pro构建,我会推荐你安装Hello Elementor主题。Hello Elementor主题非常轻量,它几乎没有设置选项,一切工作都需要依赖Elementor Pro来完成。使用Hello Elementor主题其实本身就是使用Elementor Pro。
如果你刚刚接触Elementor编辑器,你可以阅读我写的一篇系统介绍如何使用Elementor建站的教程,教程基于Hello Elementor主题通过这篇教程你将可以从0开始学习如何使用Elementor编辑器来构建一个外贸网站,我也会持续不断更新教程的内容。
本文介绍最新基于原生Elementor Mega Menu实现方法,Elementor最新版本3.12.0实现了原生的Mega Menu功能。该功能需要安装激活Elementor Pro。 本站提供Elementor Pro官方授权,49元/年每站点,有需要可以联系获取。 推荐阅读Elementor教程(一套适合新手的完整Elementor外贸建站教程) 第一步 升级Elementor到最新版本
本文介绍如何在Elementor中实现点击事件显示或隐藏元素,Elementor目前没有点击事件的设置,比如像通过点击某个元素之后另外的元素显示或者隐藏,原生的Elementor还不具备这样的功能。 本文介绍的方法是通过免费版的E-addons插件的Display Condition功能来实现。 1、下载安装E-addons插件 E-addons插件并不在WordPress官方的免费插件库中,因此
本文介绍如何使用Elementor Loop Item定制产品列表展示结构。Elementor 3.8 Pro 引入了 Loop Builder ,可以实现自定义循环列表项目。解决了产品列表显示内容固定的问题,你可以按照自己的产品特点设计和构建产品列表。 说明,本文的产品是使用CPT UI和ACF实现,并非Woocommerce,如果你是使用Woocommerce来管理产品,可以参照理解
本文介绍如何使用Elementor制作搜索结果页面,搜索结果页面本质上是一个归档(Archive)页面,所以你可以在制作的Post Archive的时候,在Post Archive模版的display Condition设置中添加上Search Result,这样搜索结果页面会直接调用你的文章列表页面模板来展示搜索的结果列表。 但是你也可以单独制作Search Result模版来展示搜索结果,方法
本文介绍如何使用Elementor制作文章详情页模板,通过本文你可以了解使用Elementor Pro的Theme Builder来制作文章详情页模板的过程。你可以按照自己的想法和展示需求布局和制作文章详情页面,或者单独制作Projects详情页面。Elementor Pro的Theme Builder可以让你完全自定义一个文章详情页。 Elementor的Theme Builder是Elemen
本文介绍如何Elementor模版中设置预览内容,我们在使用Elementor Pro制作模版时,通常情况下看不到预览的数据,再这样的情况下无法在编辑状态下看到编辑元素样式展示的效果,通过设置预览数据之后,我们可以通过预览数据实时看到编辑的最终效果。 1、设置产品详情页的预览内容 进入产品详情页模板编辑,点击做下架的⚙,进入模版设置页面 在Preview Setting中的文本框中搜索逼格选择你要
本文介绍如何在产品页面用Elementor添加下载按钮,本教程基于Elementor Pro的产品详情页模版,结合自定义字段插件和Elementor的动态数据来实现。 如果你不想阅读文字,可以浏览下面的视频 1、创建文件自定义字段 在添加按钮之前,我们需要通过ACF插件,来创建一个自定义字段组 输入字段组名称,字段组中可以添加多个字段。 这里我们只需要添加一个File字段即可,在字段组中第一个默认
本文介绍Hello Elementor主题下如何上传网站LOGO的2个入口和方法。 1、通过外观自定义入口上传网站LOGO 这个方法对大多数主题都通用,外观自定义菜单是WordPress的默认管理入口,无论你是安装的什么主题都可以从这里上传和修改网站LOGO。 进入网站后台点击【外观】下面的【自定义】菜单 进入自定义菜单之后找到,Site Identity菜单,点击展开 展开之后你就可以看到修改L
本文介绍如何使用Elementor制作面包屑,通常SEO插件比如Rankmath会帮助我生成面包屑,我直接用就可以了,本文介绍在不使用SEO插件和其他插件的前提下如何使用Elementor制作面包屑,包含了2个制作方法,基于我的方法你也可以进行扩展出其他方法。 我使用Elementor制作了2个面包屑,如下: 1:使用Icon List元素制作的面包屑 2:使用icon Box元素制作的面包屑 这
本文介绍如何使用Elementor制作文章列表页面。通过本篇文章你讲了解如何制作一个带有侧边栏的文章列表页面。 在网站中我常说的文章列表页面实际上是文章的归档页面,所以我们需要通过Elementor的Theme Builder来制作文章归档模板来实现。而不是通过创建和编辑单个页面来实现。 Elementor的Theme Builder是Elementor Pro的功能,本站提供Elementor
本文介绍Elementor Popups询盘弹出框制作过程。Elementor 提供Popups模板来制作网站的弹出框,弹出框通常用于营销用途,促成转化。本文将详细介绍实现询盘弹出框的制作过程。 理解弹出框Elementor Popups工作原理之后,你可以轻松制作各种类型的营销弹出框。 Elementor Popups是Elementor的高级功能,需要安装激活Elementor Pro才可以使
本文介绍如何使用Elementor来制作悬浮按钮。通常我们会在网站侧边添加一些悬浮按钮,放置一些促进转化的联系信息,例如:邮箱、询盘表单等内容。 文末附视频教程。 为了方便管理和维护,通常我会将悬浮按钮制作在Footer模板中。 1、进入Footer模板编辑 添加一个新的Section用于布局悬浮按钮 为了避免该Seciton占用像素,将Section的margin和padding全部设置为0像素