你有问题开始使用 Elementor插件 ? 这是有关如何使用 Elementor 的完整指南

今天我们将向您展示如何使用 Elementor 为您的网站创建页面和块。

对于那些几乎没有或没有网页设计经验的人来说,页面构建器已成为网页开发不可或缺的一部分。

最受欢迎的页面构建器之一是 Elementor,它是免费提供的,并且在高级模式下具有更多功能。

如何使用Elementor

在本文中,我们将解释为什么我们认为 Elementor 是完美的页面构建器:

了解 Elementor

用户初次接触您的网站会给您留下持久的印象。 无论您是采用复古风格还是极简主义风格,还是汇集您的资源为未来网页的外观创建愿景,在任何一种情况下,像 Elementor 这样的 WordPress 页面构建器都是如此。它可以让您个性化您的网站无需任何编码。

您必须首先安装与 Elementor 兼容的 WordPress 主题。

另请参阅: 您可以在没有主题的情况下使用 Elementor 吗? (不 - 这就是原因)

在过去,您会使用主题提供的可用设计选项来设计您的网站。 但是有些主题缺乏某些自定义功能,其他主题很笨重,并且很难为每个页面进行自定义。

Elementor 页面构建器允许您实时更改您的网站,而无需在前端和后端之间切换以检查您的新更改是如何实施的。

您可以通过访问您的 自己的网站 稍后通过将 zip 文件上传到您的 WordPress 或浏览 WordPress插件 并搜索“Elementor”并点击 安装.

确保激活插件,您将准备好探索 Elementor 必须提供的所有选项。

阅读: 如何安装元素

Elementor 必须提供的功能

幸运的是,Elementor 是一个前端编辑器,这意味着您可以看到更改立即生效并进行调整。

另一个间接的好处是,由于其受欢迎程度,YouTube 或 WordPress 网站上不乏可用资源来帮助您入门。 本文是这些网站的说明性案例。

Elementor 上的个性化与小部件有关,一旦您习惯了将小部件拖放到页面上,您就会发现为什么它比处理 WordPress 主题的默认页面构建器要好得多。

插入 Paypal 按钮小部件

WordPress 上的每个页面都由部分组成,这是使用 Elementor 构建页面的基础。

屏幕左侧有一个汉堡包菜单,允许您对整个网站进行更改,而更改会反映在右侧。

拖放功能允许更快的网页构建体验,这让人联想到设计工具。

您需要主题的唯一原因是,没有主题,您的网站就无法运行,如果没有主题,Elementor 将无法进行任何更改。

里拉 您可以在没有主题的情况下使用 Elementor 吗? (不 - 这就是原因)

此外,如果您打算坚持使用 Elementor 的免费版本,您仍然需要使用主题来更改页眉和页脚。

Elementor Free 与 Elementor Pro

它们之间的主要区别在于 Pro 版本中提供的小部件数量。

因此,请务必检查您的设计中是否需要它。

而且在 Elementor 中更改页脚和页眉的功能也派上用场,但如果您的主题已经带有专用的页眉和页脚构建器,它可能没有那么有用。.

在小部件方面,以下是免费版本中可用的基本小部件:

  • 内部部分
  • 图片
  • 文本编辑器
  • 视频
  • 按键
  • 分离器
  • 图标
  • 分隔线
  • 谷歌地图

以下是 Pro 版中可用的一些小部件:

  • 文件夹
  • 形式
  • 翻转框
  • 价目单价目表
  • 报价块
  • 呼吁采取行动

下面提供了有助于就是否升级到 Elementor Pro 做出明智的最终决定的所有信息。

但总的来说,我们建议您使用免费版本,直到您确定 Elementor 是最适合您的 WordPress 页面构建器。

元素免费 Elementor临
价格 免费 $ 49 至 $ 99,199 / 年
小部件数量 25+ 50+
页面构建器 可用的 可用的
主题构建器 无法使用 可用的
支持 无法使用 可用的
动态内容 无法使用 可用的
专业模板和块 无法使用 可用的
电子商务整合 无法使用 可用的

最终,让 Elementor 支持团队在 Pro 版本中提供支持的保证让我们坚信 Pro 版本。

它还带有一些您会在其他插件中找到的小众功能,但为什么不一站式完成所有工作。

帕为例, 弹出式构建器、动态选项、标题或弹出窗口可见的条件、自定义 CSS、短代码和模板小部件、自定义字体和角色管理器。

能够在 WordPress 上为用户分配和限制角色,使他们可以在不影响您的设计的情况下继续工作。 客户只能访问页面内容的修改,不能通过拖拽添加或删除元素; 这样您的设计将始终受到保护。

编辑环境

使用 Elementor 设计您的第一页时,一开始您可能会被小部件的数量所淹没,而没有勾勒出一个设计来放在空白画布上; 这就是 Elementor 页面模板适用于那些目前缺乏灵感的人的地方。

只需从庞大的列表中选择一个预定义的模板并将其插入您的页面并根据您的需要对其进行自定义。 右侧是您的设计游乐场,您可以在其中添加构成页面布局的元素。

左侧是一个充满页面上拖放小部件的创意面板。

您可以添加部分和拖动小部件以适合您的设计或选择预先设计的模板。

另请参阅: 如何通过自定义 CSS 在 Elementor 中添加悬停效果

在下方的面板中,您会找到圆形箭头图标,它会将您带回您的历史记录,并分为操作和评论; 在操作中,您可以找到您的步骤并恢复到早期版本,在审核中您可以找到所有已保存的版本。

如何使用元素

使用 Elementor 的另一个好处是可以快速访问不同的显示模式,因此您可以立即查看当前设计在平板电脑和手机等不同屏幕上的外观。

如果您喜欢设计主页,Elementor's Blocks 将帮助您从头开始构建自己的页面。

阅读: 如何通过自定义 CSS 在 Elementor 中添加悬停效果

选项卡选项 样式 (颜色、字体类型、大小)允许您根据需要自定义块的内容。

还有一个非常有用的选项,即复制现有部分的样式并从那里粘贴以相同方式编辑所有块。

如何使用元素

带有静态页面的简单网站,如投资组合,大多是静态的,但大多数网站都有多个页面(博客、在线商店、搜索结果)。

这些动态页面可以使用 Elementor Pro 或主题选项进行编辑,例如,通过设计您自己的页眉和页脚。

另请参见: 如何在 Elementor 中激活即将推出的模式

专业版还带有更多的块、模板和小部件。

在后端,您还可以访问“工具”菜单,该菜单提供了替换 URL、维护模式和版本控制等选项,如果您的网站遇到最新 Elementor 的问题,可将其恢复到以前的版本。

简而言之,这两个版本都允许您创建页面、使用编辑工具和插入预定义的模板。

Elementor Pro 价格

从上表来看,如果您确信 Elementor Pro 是您的正确选择,Elementor 团队为您提供了 5 种不同的入门计划,具体取决于您需要多少许可证。

最后

一般来说,在大多数情况下,将 Elementor(免费或专业版)与强大的 WordPress 主题相结合是正确的方法。

其他其他高级WordPress插件 

还发现其他 WordPress插件 优化您的 WordPress 博客或网站性能的溢价。

1。 Foodify

Foodify 是客户从商店订购食物的最快,最简单的方法。 完全是 响应 并包括图像等其他功能, 搜索选项,产品信息。 woocommerce的Foodlify餐厅食物菜单

它还向购物篮添加了按钮来改进 用户体验。 该WooCommerce扩展是一种快速,全面的订购解决方案,可以添加到任何WooCommerce网站。

在这里给你 5 WordPress插件可优化类别说明和标签

它具有非常灵活的优势,并且与WordPress目录中的许多现有插件兼容。

下载 | 演示 | 虚拟主机

2。 Pan Zoom Image

此插件可让您通过短代码轻松为WordPress博客上的图像添加全景缩放功能。 例如,您可以将其集成到文章或页面中。

图像缩放泛wordpress插件进行缩放

作为功​​能,您将拥有:在单个图像上全景缩放或在图像不受限的情况下进行图库浏览, 控制条的位置 可以是顶部,右侧,底部和左侧,容器的底部可以是深色,浅色,而这些都不是; 仪表板中的实时预览,在同一页面上进行多次全景缩放的示例等。

发现我们的 5短编优质WordPress插件

下载 | 演示 | 虚拟主机

3。 Slider Pro

Slider Pro解决方案为您提供了一个多平台的平台,可帮助您创建和编辑幻灯片或滑条,不仅吸引博客作者,而且吸引那些不仅仅是发表文章的人。

Slider Pro响应式WordPress滑块插件

Ce WordPress插件 高级版避免了不必要的装饰,这通常是寻找所需信息的用户的障碍。 此外,它侧重于 简单性 和性能,同时提供广泛的定制可能性。

也发现 如何在WordPress上使用Slider Revolution创建幻灯片

他对Urls的管理 在浏览器的搜索栏上,是我们在后者上脱颖而出的功能之一。 顾名思义,这是您需要的专业解决方案。

另请阅读我们的 5 WordPress插件可在博客上创建常见问题解答

其特点是: 优化图像加载,轻松自定义,流畅的动画,多种布局等等。

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

这里 ! 这就是我们向您展示如何使用 Elementor 的文章 在 WordPress 中。 如果你有 评论 或建议,请随时在保留部分中告知我们。

但是,您也可以咨询 我们的资源,如果您需要更多元素来执行创建Internet网站的项目,请参考我们的指南 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章

...