Elementor

Elementor简介

Elementor是一款网站设计软件，可以帮助用户快速编辑网站页面内容，添加各种互动页面内容，快速设计网页布局方案，帮助用户创建各种网站页面。软件提供多种编辑功能，支持网站设置，支持全局布局设置，支持弹出编辑，支持主题生成，支持整合方式调整，为用户创建网站页面提供更多帮助。Elementor功能丰富，提供了许多设计所需的组件来帮助你设计页面，提供了40多个免费的小部件，并且不断增加。没有其他的页面构建器或网站构建器可以与Elementor相比，将40多个最有用的小部件打包到网站构建器中，让用户发挥自己的设计能力！

Elementor软件功能

世界领先的WordPress网站生成器

1、一体化解决方案

从一个地方控制网页设计工作流程的所有方面。

2.视觉设计

很简单。强大。灵活。体验100%视觉设计的力量。

3.更快的能量

建一个加载速度更快的网站，加快建设进程。

奉献给

从自由职业者到代理商的专业人士。

设计

WordPress中的完美像素设计是唯一可以提供完美像素设计的完整设计平台，但它可以产生100%清晰的代码。把你的设计愿景变成一个令人惊叹的定制网站。

营销

获得更多流量、潜在客户和

可视化表单，将其与您最喜欢的营销工具集成，并产生更多流量、潜在客户和。

可扩展且对开发人员有用

友好的

成千上万的开发人员为Elementor开源项目、构建主题、插件和产品做出了贡献，从而进一步扩展了功能。

创建任何你能想象的网站。

Elementor是给你做的。设计师、开发人员、营销人员和企业家。创建令人惊叹的登录页面，设计博客和定制您的在线商店-一切尽在掌握！

运动效果

强大的网站动画和互动

添加动画效果和鼠标效果来动画网站的任何部分，例如视差和许多其他交互式动画。

自定义定位

终极徒手设计体验

使用位置、固定位置、内嵌元素、垂直和水平软对齐力的绝对值。

CSS滤镜和混合模式

给你的照片添加小笔画，玩图像设置，并添加惊人的效果。

形状分割器

带有形状分隔符的背景弹出窗口

从26种不同形状的分隔器中进行选择，以创建醒目的背景。

完整设计

系统内置设计系统功能

从一个地方管理你的站点的设计系统。定义您的全局颜色和字体，并将其应用到网站的任何位置。

登录页面

最佳拖放式登录页生成器

灵活、强大、直观。使用最专业且易于使用的可视化网站构建器创建高质量的网站和登录页面。

弹出式生成器

基于的唯一面向设计的弹出窗口生成器

就像建立一个网站一样，建立一个非常有效的弹出窗口来增加潜在客户和。使用弹出窗口优化频道。

转换时间

直观地构建表单并获得更多。

Elementor提供了第一个真实的可视化表单生成器。整个构建和设计都在前端处理，不会干扰您的工作流程。

集成模式

与您喜爱的营销工具轻松集成

扩大受众从未如此容易。连接到越来越多的与Elementor无缝集成的营销工具和平台。

Elementor软件特色

专为开发者设计。

1.准备RTL

您的网站将自动与RTL语言兼容

2.脚本优化

Elementor的构建考虑了优化，因此只加载使用的脚本。

3.习惯属

完美地为每个部分、列或小部件添加一个自定义类别，例如“ARIA”、“页眉”或“页脚”

4.实验

控制即将在您的网站上使用的新功能。

5.代码突出显示小部件

使用代码突出显示小部件在开发人员博客中显示和突出显示清晰的代码。

6.命令行界面集成

从命令行触发任务:刷新CSS、替换L、同步库等

7.CSS优化

所有的CSS文件都经过编译，减少了从外部加载，从而加快了加载时间。

8.回到版本

您可以一键返回到早期版本或在两个版本之间切换。

9.兼容标签

获取与当前安装的Elementor版本不兼容的外接程序的信息。

10.自定义CSS

轻松添加自定义CSS到每个页面，部分，列或小部件

1.请求参数

跟踪所有页面上的用户数据，并通过Elementor

12.Beta访问

您可以访问我们的测试版，并在发布前帮助我们解决问题。

13.自定义代码

将自定义的HTML值无缝添加到头部和身体标签，并设置每个代码片段的显示条件。

Elementor教程

使用Elementor的画布页面模板

删除画布页面模板中的页眉、页脚和边栏。

这非常适合在你的网站中创建特定的页面，比如登陆页面、即将到来的页面、模式页面等等。

1.创建一个新页面，并使用Elementor进行编辑。

2.单击左侧的设置图标，找到“页面布局”下的“元素或画布”选项

如何设置默认页面布局

如果要在整个网站上设置默认页面布局，请执行以下操作:

1.单击小部件面板中的“汉堡”菜单。

2.单击网站设置。

3.单击布局。

4.选择要设置为网站默认布局的默认页面布局。

如何在Elementor中移动节

通过以下两种方式之一，很容易将Elementor部分移到另一部分的上方或下方。

使用导航器拖放零件。

导航器是一种快速简单的组合部件的方法，它通常是首选，因为您不必在页面上上下拖动鼠标。通过以下三种方式之一访问导航器:

1.单击面板页脚的导航器按钮，或使用Cmd/Ctrl+I键盘快捷键。

2.或者，您可以右键单击任意元素，然后单击导航器。这将自动将您重定向到导航树中的特定元素。

3.打开导航器后，在要移动的剖面元素上单击鼠标左键，按住它，上下拖动它，并将其放在任何其他元素的前面或后面。

通过节手柄拖放节。

1.单击并按住要移动的零件手柄上的鼠标左键。

2.按住鼠标按钮的同时，将零件拖到新位置。

3.当您在正确的位置看到蓝线时，请松开鼠标按钮。这将把零件放在蓝色放置区域。行动现在已经完成。

使用Elementor的全角页面模板

全宽页面模板允许您覆盖默认页面宽度，并在任何主题上使用全宽设计。

1.创建一个新页面，并使用Elementor进行编辑。

2.单击左侧的设置图标，在“页面布局”下找到“元素或全宽”选项

如何设置默认页面布局

如果要为整个网站设置默认页面布局，请执行以下操作:

1.单击小部件面板中的“汉堡”菜单。

2.单击网站设置。

3.单击布局。

4.选择要设置为网站默认布局的默认页面布局。

如何创建Cookie同意弹出窗口

创建cookie同意底部栏。

您将学习如何:

编辑预先设计的弹出模板

单击按钮关闭弹出窗口。

设置许多条件来控制弹出窗口的显示位置。

设计弹出窗口及其内容

1.转到“模板”>“弹出窗口”>:“添加新内容”为新弹出窗口命名。(另一种方法是按D+E或CTRL+E打开Finder，搜索Popup，选择添加新的Popup并命名。)

2.选择一个预先设计的弹出窗口模板，或者关闭“库”覆盖并从头开始设计弹出窗口。对于此示例，请选择Cookie同意的底部列之一。

按钮>:内容

文本:输入“接受并关闭”。

链接>:弹出窗口

1.不再显示:是

2.尺寸:中等

按钮>:图案

1.颜色:选择一种颜色。

2.填充:删除所有填充。

右键单击按钮小部件的手柄，然后选择复制。现在设置这个按钮的样式。

按钮>:内容

1.文本:输入“拒绝”

2.链接:进入“使用条款”页面的链接，解释为什么需要cookie。

3.尺寸:中等

按钮>:图案

1.背景颜色:透明

2.边框类型:实心

3.边框宽度:1(仅底部)

4.边界半径:所有角度均为0。

5.填充:仅底部五个

编辑文本

标题>:内容

对齐方式:向左。

编辑“接受并关闭”按钮

按钮>:内容

对齐:有道理。

拖动文本列以占据条形图较宽的部分，拖动接受按钮列以占据较少的空间。根据需要进行调整。

单击面板左下方的牙齿/牙齿图标，返回到弹出设置。

设置弹出窗口>设置

覆盖:隐藏。

设置弹出式菜单>模式

颜色:根据需要调整颜色。

设置弹出窗口>高级

1.防止关闭重叠广告:是

2.防止电子稳定控制关闭:是

发布弹出窗口

单击发布按钮设置条件、触发器和高级规则。

位置

单击添加条件。

1.包括:整个网站

2.例外:单数>:所有页面>使用条款页面

引发

页面加载:是，在0秒。

单击保存并关闭按钮

都完成了。去你的网站，检查它的运作。