Elementor是一款非常现代化的页面编辑器,作为一款非常流行的免费页面编辑插件(Pro版功能更加强大,也拥有更多精美的模板),它彻底改变了WordPress传统的建站方式,我们无需具备任何代码知识就可以创建出十分精美的网页,你只需要会使用这个插件就可以了!!
一起来看下Elementor Pro的牛到爆炸的功能吧!
链接:
要点
拖放编辑器
Elementor拥有WordPress中最快,最直观的编辑器。只需拖放即可自定义。
300多个Designer Made模板
从300多种精美的模板中进行选择,旨在满足各种行业和需求。
90多个小部件
从几十个小部件中进行选择,以创建您需要的任何内容:按钮,标题,表格等。您可以做任何事情。
响应式编辑
切换到移动视图,并调整每个元素,使其在任何设备上看起来都很完美。
弹出式生成器
Popup Builder为您提供了创建像素完美弹出窗口的自由,包括高级定位选项
主题生成器
使用Elementor业界领先的主题生成器无需代码即可编辑站点的每个部分。
WooCommerce Builder
利用Elementor的强大功能控制您的WooCommerce在线商店。
工作流
无需编码
无需任何编码即可实现高端设计。生成的页面代码紧凑,并针对每个设备进行了优化。
导航
在所有页面元素或图层之间都有导航,快速浏览自定义更改并通过鼠标轻松访问它们
搜索
一个搜索栏,可在不同页面和仪表板设置之间轻松导航。
快捷键
热键是键盘快捷键,可以节省您执行各种操作的时间。
快捷方式Cheatsheet
弹出一个窗口,显示快捷方式的完整列表。
撤销重做
使用简单的CTRL / CMD Z快速撤消任何错误。
自动保存
不再需要单击“保存”。您的工作会不断保存并自动备份。
修订记录
使用修订历史记录,可以保存整个页面创建过程,并且可以轻松地重新跟踪。
草案模式
发布了一个页面,想继续研究它吗?没问题,只需将其保存为草稿即可。
复制粘贴
快速复制任何元素并将其粘贴到页面上的其他位置,或者粘贴到网站上完全不同的页面。
复制风格
从窗口小部件,列或部分复制整个样式,并通过单击将其粘贴到另一个元素。
在线编辑
使用内嵌编辑功能直接在屏幕上输入,并使博客文章和内容编写变得简单直观。
全局小工具
保存您喜欢的小部件设置,并通过简单的拖放操作在任何页面上重复使用小部件。
全球色彩和排版
设置全局颜色和排版,使它们影响整个网站的风格。
自定义颜色选择器
自定义整个Elementor中颜色选择器中出现的颜色。
设计
背景渐变
使用Elementor,可以轻松地将背景渐变颜色添加到任何WordPress页面或帖子。
背景视频
通过向您的部分添加有趣的背景视频,让您的背景变得活跃。
背景叠加
在背景上方添加另一层颜色,渐变或图像。
增强的背景图像
为每台设备自定义响应式背景图像,并设置其“自定义位置和大小”。
CSS过滤器
使用CSS过滤器,您可以使用图像设置并添加惊人的效果。
混合模式
混合背景和背景叠加以创建壮观的混合模式效果。
Elementor Canvas
切换到Elementor Canvas模板,并在Elementor中设计整个登录页面,而无需处理页眉或页脚。
形状分割器
添加有趣的形状,以多种方式分隔页面的各个部分。
盒子阴影
直观地设置自定义框阴影,而无需处理CSS。
绝对的位置
无论网格如何,使用“绝对定位”将任何窗口小部件拖动到页面上的任何位置。
单页网站
创建一个单页网站,其中包括点击滚动导航,以及网站所需的所有部分。
动作效果
使用滚动效果和鼠标效果为您的网站添加互动和动画。
图标库
上传并浏览数以千计的惊人图标
SVG图标
创建任何尺寸的智能,灵活和轻量级图标。SVG图标的行为允许它们超级自定义。
营销
登陆页面
在您当前的WordPress网站中,创建和管理登录页面从未如此简单。
表格小工具
再见了!从Elementor编辑器直接创建所有表单。
推荐旋转木马小工具
通过添加最支持客户的轮换推荐轮播,增加您的业务社交证明。
倒计时小工具
通过在您的优惠中添加倒数计时器来增加紧迫感。
评级星小工具
通过包含星级评分并根据自己的喜好设计风格,为您的网站添加一些社交证明。
行动链接
通过WhatsApp,Waze,Google日历和更多应用轻松与您的受众群体建立联系
弹出式生成器
Popup Builder为您提供了创建像素完美弹出窗口的自由,包括高级定位选项
活版印刷
易于定制
使用字体系列,大小,重量,变换,样式,装饰,线高和字母间距。
标题HTML标记
在SEO方面,为标题设置正确的HTML标签(H1或其他)非常重要。
字体预览
查看面板中字体的预览,因此更容易选择正确的字体。
自定义字体
添加您自己的自定义和Typekit字体,并在整个项目中使用它们。
谷歌字体
从包含文本的每个小部件中选择数百种Google字体。
字体大小:PX,EM,REM
设置您的排版是使用PX,EM还是REM进行缩放,以获得更好的响应式设计。
TypeKit集成
添加您自己的自定义和Typekit字体,并在整个项目中使用它们。
掉落帽
使您的博客文章的第一个字母更大,以创建一个时尚和尊贵的外观。
文字阴影
通过向包含文本的任何窗口小部件添加文本阴影效果来强调您的内容。
文本编辑器列
将“文本编辑器”窗口小部件划分为响应列,并设置列之间的间隙以获得更好的布局
布局
截面宽度
通过对各个部分进行更多控制,超越过度简化和通用的页面设计。
截面高度
通过对各个部分进行更多控制,超越过度简化和通用的页面设计。
全屏宽度
使用拉伸部分功能,无论您使用哪种主题,都可以轻松创建全宽页面。
列宽
输入特定的列宽,或通过拖动列的边缘在视觉上缩放宽度。
列间隙
更改列之间的间隙,以让您的设计呼吸。
内容位置
定位列和内容,并将列拉伸到该部分的完整高度。
保证金和填充
设置节,列和小部件的填充和边距。
Z-指数
使用Z-index功能将任何部分,列或小部件放在前面或后面。
垂直和水平Flexbox对齐
使用flexbox的强大功能,在垂直和水平方向上对齐和分布每个列的小部件。
内联元素
将两个小部件并排放置在同一列中,并具有内联宽度或自定义宽度。
固定位置
将您的小部件设置为具有固定位置并将其放置在您喜欢的任何位置。该元素将与您的用户一起滚动。
嵌套列
通过在给定列中嵌套列来创建高级布局。这创造了一种对某些设计至关重要的内部部分。
移动编辑
100%响应
使用Elementor广泛的移动编辑工具来创建真正100%响应的网站。
移动字体大小
使用此功能,您可以更改每个设备的字体大小。
响应列宽度
通过更改列宽为移动设备选择不同的列布局。
填充和保证金
此功能用于为每个设备制作不同的填充或边距大小。
反向列
此功能会反转列的排序,因此当您转到移动设备时,最后一列将显示在顶部。
隐藏和显示元素(Visibillity)
您可以隐藏在任何设备上显示的部分和小部件。
自定义断点
更改移动设备和平板电脑断点值,以使您的网站适应特定的设备大小。
响应大小
选择PX EM%和VH以在Elementor内部调整大小。
主题生成器
主题元素
使用“主题元素”窗口小部件,该窗口小部件为稍后从您的网站提供的内容提供动态占位符。
动态内容
通过使用动态小部件,构建动态页面就像构建静态页面一样简单。
显示条件
确定您的全局模板在您的网站中的确切位置。
页眉和页脚
无需任何代码即可直观地自定义站点的页眉和页脚区域。
粘性标题
只需点击一下按钮,即可将粘贴标题添加到任何页面或整个网站。无需额外的插件。
404页
引导访问者自定义制作可完全在Elementor内部构建的404页面。
档案页面
在Elementor中设计整个博客,或者为博客的不同区域指定不同的模板。
单一帖子
创建您的博客文章模板,并将其归入您的网站或任何类别,页面或分类。
搜索结果页面
自定义搜索结果页,并改善用户在搜索网站时获得的体验。
自定义字段集成
在ACF,Toolset和Pod中创建内容字段,然后在任何页面中直观地将它们合并。
主题内容
导航菜单小工具
使用最先进的WordPress菜单生成器并直观地进行自定义,无需编码。
登录表单小组件
在任何页面中包含自定义登录表单,并帮助您的用户轻松登录。
搜索小部件
设计全屏,最小和无尽的其他搜索框变体。
帖子小工具
以各种布局和方式显示任何自定义帖子类型的列表。
WordPress评论小工具
让您的访问者在帖子和页面上发表评论。
投资组合小工具
创建投资组合布局,其中包含访问者可以过滤的作品。
Yoast Breadcrumbs Widget
通过包含流行的Yoast SEO插件中的自定义面包屑,帮助您的访问者浏览您的网站。
作者Box Widget
在您的博客中包含作者生物框,让读者了解更多有关作者的信息。
高级查询控制
根据高级排除规则或自定义日期范围显示相关帖子和过滤帖子。
电子商务
价格表小工具
创建显示您的产品或服务的高级价格表。
价格清单小工具
添加目录和菜单到您的网站,其中包含包含定价的产品和服务列表。
Woo Products Widget
显示您的WooCommerce产品并过滤您想要显示的确切产品。
Woo Categories Widget
显示您的产品类别,并准确选择显示的类别。
Woo添加到购物车小工具
创建一个产品页面,其中包含可操作的“添加到购物车”按钮。
Woo Elements Widget
添加购物车页面,单个产品页面,结帐页面,订单跟踪表单或我的帐户。
形式
联系表格
在看到Elementor表格的美丽和简洁之后,您的访客将渴望与您联系。
订阅表格
添加内嵌订阅表单,访问者可以使用该表单订阅您的简报或服务。
登录表格
让访问者使用“登录表单”窗口小部件轻松登录WordPress。
提交后的行动
确定访问者提交表单后发生的情况,包括触发的集成。
确认邮件
提交表单后,向访问者发送确认电子邮件。
电子邮件HTML / Plain
选择是将电子邮件作为HTML电子邮件发送,包括HTML样式还是纯文本电子邮件。
自定义消息
创建用户与其交互时在表单中显示的自定义消息。
高级表单字段
上传文件,添加日期选择器或使用Elementor的其他高级表单字段。
隐藏的领域
在表单中包含隐藏字段,主要用于添加跟踪以形成提交。
验收领域
在表单中加入接受字段,确保访问者接受您的条款。
蜜罐
使用这种简单而有效的安全措施,确保您的表单不会被垃圾邮件发送垃圾邮件。
集成
MailChimp
轻松集成到MailChimp并将您的访问者添加到您的列表中。
ActiveCampaign
轻松集成到ActiveCampaign,并将您的访问者添加到您的列表中。
ConvertKit
轻松集成到ConvertKit并将您的访问者添加到您的列表中。
Campaign Monitor
将Elementor连接到Campaign Monitor,这是最受欢迎的电子邮件营销平台之一,全球200多万营销人员使用它。
HubSpot
与流行的入站营销和销售平台HubSpot集成。
否认
将Elementor表单连接到Zapier,从那里,您可以连接到超过1,000个可以与Zapier集成的其他应用程序。
Adobe typekit
添加Adobe TypeKit键并在Elementor中获取所有您喜欢的字体。
不和
将您的Discord服务器与表单提交集成。
GetResponse
轻松集成到GetResponse并将您的访问者添加到您的列表中。
滴
轻松集成到Drip并将您的访问者添加到您的列表中。
Recaptcha v3
向您的表单添加安全验证字段服务,以确保您的访问者合法,没有用户摩擦。
Facebook SDK
集成到Facebook SDK并管理您作为管理员收到的Facebook评论。
MailerLite
通过Elementor表单将群组收件人收集到您的电子邮件营销活动中。
松弛
获取有关通过Slack频道发送的表单的通知。
字体真棒5
从您网站设计中的1500多个图标中选择任意一个。
自定义图标库
整合您最喜欢的图标库,如Fontello,IcoMoon和Fontastic
社交媒体
分享按钮
让您的受众群体在最受欢迎的社交媒体平台上分享您的内容。
大段引用
使用自定义设计的Blockquote框在Twitter上分享您的最佳线条和报价。
社交图标小工具
将社交图标添加到任何页面,以增加您的社交个人资料的流量。
Facebook嵌入
轻松嵌入Facebook帖子和视频,以增加您的社交媒体覆盖面。
Facebook页面
将您的Facebook页面放在您的网站内,并获得更多的喜欢和关注者。
Facebook评论
快速将Facebook评论添加到任何页面,并开始更好地与您的受众沟通。
Facebook按钮
通过在每个帖子的末尾添加类似Facebook的按钮,获得更多喜欢和社交参与。
图书馆
模板 – 页面
从众多精美的预先设计的模板中进行选择。
块
使用Blocks,预先设计的和简单的部分模板逐个构建页面。
保存并重复使用
完成页面创建后,您可以将其保存到库中,只需单击一下即可重复使用。
进出口
导出模板并将其导入(包括图像)到任何其他站点。
搜索和过滤
通过搜索和过滤模板找到最适合您需求的模板。
模板小工具
添加模板小部件并通过简单的拖放操作嵌入任何模板。
嵌入任何地方
获取任何模板的短代码并将其嵌入任何您喜欢的地方。
媒体
Media Carousel Widget
在旋转的旋转木马中展示您的图像和视频,看起来很棒。
幻灯片小工具
添加简单但功能强大的图像滑块,它们易于使用且经过优化。
灯箱叠加
弹出当访问者点击图像,链接或按钮时打开的灯箱
视频嵌入选项
在您的网页中嵌入自托管,外部视频,YouTube,Vimeo或Dailymotion视频。
SoundCloud
使用SoundCloud小部件,让访问者在访问您的网站时播放曲调。
字体真棒图标
添加Elementor图标小部件中可用的任何一个Font Awesome图标列表。
谷歌地图
在您的网页上嵌入Google地图,并帮助您的访问者查明您的营业地点。
互动
滚动效果
设置粘性页眉,页脚或其他部分,并确保您的用户在滚动时跟随您的消息。
Call to Action Widget
Call to Action小部件使用动画和CSS效果来创建令人惊叹的交互式框。
动画头条小工具
创造引人注目的标题,突出或旋转标题的最关键部分。
翻盖小工具
一旦访问者将鼠标悬停在另一侧,创建可以翻转到另一侧的动画框。
悬停动画
创建宏伟的悬停动画,为您的网站添加另一层互动。
入口动画
添加悬停和入口动画,并为您的小部件设置交互式方式。
视差
当用户滚动页面时,创建惊人的动画和交互。
鼠标效果
通过使元素相对于鼠标移动移动来创建深度感。
3D倾斜效果
当用户将光标移动到每个项目上时,它允许元素浮动和轻微滑动。
高级
维护模式
在WordPress上设置维护模式,包括即将推出和维护模式模板。
替换URL
改变了你的域名?运行“替换URL”功能以确保使用新地址更新所有内容。
自定义CSS
将自定义CSS添加到Elementor中的任何部分,列,窗口小部件或页面。
版本控制
想要回滚到以前的版本?只需点击一下即可轻松完成。
安全模式
激活一个安全的环境,将Elementor与可能导致错误的主题和插件隔离开来。
重新生成CSS
在更改页面后清除CSS文件并生成新文件。
HTML小部件
使用HTML小部件直接在Elementor中输入代码。
HTML标记
设置围绕窗口小部件元素的标记。您可以选择div,p,span等。
图片尺寸
通过设置图像文件的大小,可以降低页面的加载速度。
角色经理
完全限制对编辑器的访问,或允许用户仅对内容进行更改。
RTL就绪
Elementor具有多语言功能,可为LTR和RTL语言提供全面支持。
请求参数
跟踪销售渠道的每个步骤的用户信息,以及个性化用户体验。
自定义属性
完美地为每个Section,Column或Widget添加自定义属性,例如’ARIA’,’header’或’footer’。
生态系统
视频教程
观看我们的教育讲师向您展示如何使用Elementor。
24/7高级支持
享受我们专业的全天候客户支持,并获得任何问题的帮助。
准备翻译
数百名翻译人员将Elementor翻译成50多种语言。
元素博客
阅读专注于提高您的专业网络创作者技能的文章和教程。
社区
加入在Elementor周围形成的热情社区,并与您一样遇见其他元素。
每周时事通讯
获取有关Elementor的最新文章,聚会和其他新闻的最新信息。
Elementor附加组件
探索Elementor最令人惊叹的第三方附加组件。
开发人员API
遵循我们广泛的开发人员API并创建扩展Elementor的附加组件和主题。
Elementor Pro功能不得不说是真的强大的,小编码字就花了好久!
Elementor Pro用户界面
和Wordpress自定义界面一样,Elementor Pro同样采用了左侧编辑栏,右侧显示网页的布局,目前来说这种布局是最好的,容易编辑,也符合Wordpress用户的使用习惯.使用Elementor Pro编辑器的时候,无需手动创建空白的模版,Elementor Pro默认有一个空白模板,在页面布局中选择画布即可获得全新的页面,而且没有那么多主题或者插件的要求,你可以在任何类型的WordPress主题中使用Elementor Pro.
用Elementor Pro制作页面时,你可以直接从头开始编辑,自己设置每个元素样式;或者调用模版,在模版基础上进行修改替换,这样完成页面也是一种非常高效的方式,Elementor Pro提供了各种模块和100+的模版.
多样化的列布局,你可以根据自己的需要选择列的数量和样式,然后拖拽元素填充到合适的位置,组成网站的页面设计。
你可以将任何Elementor Pro中包含的元素拖动到列中,比如图片、文字段落、标题、列表、文章、按钮、客户评价、CTA、价格表等,每当你选择不同的元素,左侧都会自动切换成对应的选项,相比其他编辑器,Elementor Pro元素的样式和选项都是非常不错的,不需要过多的设置便能设计出漂亮的页面
除了针对每个元素的关键选项外,Elementor Pro还提供了高级样式设置,你可以设置元素的背景、边框、内外边距、响应式、自定义CSS等,当然,根据每个元素的特点会有不同的选项
Elementor Pro在工具的分布上,采用了Tab和Toggle结合的形式,即使有再多的选项也能轻松容纳,这里的布局Elementor做的非常好,将有限的空间利用了起来,不像有些编辑器,体验非常差,以前用过一款 CornerStone,编辑器非常拥挤,经常找不到自己想要使用的元素
和其他页面编辑器不同,Elementor Pro独有的支持了右键菜单,这是我非常喜欢的特性,用来选中什么多西非常方便
删除元素更省事了,在没有右键功能前,需要手动到最右边找到小小的叉号,很费劲
选择元素更方便了,当你点击右键时,在右键菜单中会显示当前选中的元素是Widget、列还是行,这样在进行编辑操作时就很难出错了
样式拷贝,做类似设计时很有用
右键菜单真的是一个非常好的特性,如果说是什么让我选择Elementor Pro,那右键菜单一定是非常重要的一项
和其他的页面编辑器相比,Elementor Pro的使用范围更广,更加通用,不管你是普通的WordPress用户,还是做商业性质的网站,都可以在Elementor Pro中找到自己需要的功能,而且使用起来也灵活,可以快速构建,也可以针对一个模块进行各种高级的设置以及自定义样式
Elementor Pro是一个非常强大的编辑器,它最大的作用是改变了WordPress的编辑习惯,有着多样的设置和人性化的编辑体验,不再需要专业和枯燥的代码来修改页面