设计一个外观专业的网站并不适合每个人，尤其是因为我们所有人都觉得您绝对需要成为编码和Web设计专家。 如今，我们看到了针对WordPress生态系统的新工具，以便为大多数初学者提供设计网站的更简单解决方案。
关于WordPress布局的设计，我们已经必须提交插件 可视化编辑器，这绝对是布局设计的最佳工具之一。 但是应该注意，此解决方案并不适合所有人。 这就是为什么在本教程中，我们将向您介绍更多 WordPress插件 Elementor，这是一个 WordPress插件 免费增值（免费，但可根据订阅扩展）。
从哪里获得Elementor for WordPress
我们正在认真考虑让您了解插件的潜力，免费解决方案将帮助您入门，而无需支付任何费用。 此免费解决方案可在 WordPress.org。 成为一个 WordPress插件，后者的安装方式与其他任何 仪表板中的插件.
如果该插件能够完全满足您的要求，那么您将能够获得该站点上所有功能的完整许可证 正式元素.
Elementor的主要特点
在开始介绍插件概述之前，我们将首先向您介绍插件的主要功能（免费版和完整版）。
| 免费版 | 完整版 |
|---|---|
| 多列 | 导航菜单，文章 |
| 模块文本，标题 | 模块 WooCommerce （产品、类别） |
| 视频模块，图像，轮播，画廊，Soundcloud | Facebook整合（页面，按钮，评论） |
| 共享模块 | 价格表 |
| HTML模块 | 投资组合，表格 |
| WordPress小部件的模块 | 搜索模块 |
请注意，这是该插件提供的不同功能的详尽列表。 您可以在以下找到更多详细信息 探索他们的网站.
开始使用Elementor
我们不会在这里介绍整个安装过程。 由于这是一个WordPress插件，因此已在中说明了安装过程 以前的教程。 但是，安装后，您将被带到插件的主页。
如果你的屏幕上有这个页面，那么你已经成功安装了 Elementor插件. 我们目前正在使用本教程的完整版，但界面与免费版应该不会有太大的不同。
在进入编辑界面之前，我将邀请您注册许可证。 这仅对选择了完整版本的用户有效。 如果有免费版本，则可以转到下一部分。 要注册您的许可证，您将在WordPress上看到一条通知，提示您注册许可证。
因此，只需单击它即可转到注册页面，然后单击 启用.
如果您的许可证有效，通常需要您的确认页面。
如果您没有到达此页面，我邀请您与插件的开发人员联系以获取更多信息 协助解决问题.
如何使用Elementor
Elementor在WordPress上的页面和帖子上工作。 无论您使用的是经典界面还是新的Gutenberg界面，您都会看到一个按钮，提示您使用Elementor构建器。
实际上，您将不必总是使用Elementor编辑帖子。 因此，我邀请您仅在页面上使用该插件。 通过单击按钮，您将访问Elementor设计界面，该界面具有déjàvu的气息（适用于使用WordPress Customizer的用户）。
因此，左侧有插件提供的各种控件，而右侧则是更改的实时预览。 在本教程中，我们使用二十十六个WordPress主题。
基本部分
Elementor 中的部分是 Elementor 提供的功能块组。 部分的数量取决于您是否使用完整版以及您是否使用 WooCommerce 、Yoast SEO 或其他兼容插件。 根据这些条件，您的界面上将有更多或更少的部分。 由于我们使用的是带有插件的完整版本 WooCommerce 激活后，这就是我们的界面的样子。
如何放置Elementor块
展开部分后，您将找到基本块。 通过“拖放”将各种Elementor块放置在虚线突出显示的区域上。
如何在Elementor上选择布局
在Elementor上添加块之前，需要记住要通过单击突出显示的部分上的“ +”按钮来选择布局。
根据您的需求，您将选择最合适的布局。 选择布局后，将在同一区域突出显示该部分的表示形式。 此部分将显示与您选择的列数相同的列。 就我而言，我选择了一个包含3列的列。
里面带有“ +”号的不同块是可以接受Elementor块的区域。 如果添加Elementor块而不先选择布局，则默认情况下将选择单列布局。
可以按照相同的“拖放”原理在Elementor部分之间重新排序。 如果您不想再使用它，也可以删除它。
这是一个包含2个块的部分示例，即标题块和文本块。
如何使用其他设计工具
完成设计后，要做的一件事情就是保存工作。 您将在显示不同Elementor部分的部分的最底部找到该选项。
您可以选择直接保存（发布），也可以另存为草稿或模板。 我们将在以后更详细地探讨这些不同点。
在设计过程中，您可能还需要预览更改，而无需使用Elementor的其他界面。 您所要做的就是单击眼睛图标。
碰巧在设计过程中会发生错误（非自愿行为）。 在这种情况下，Elementor提供了一个历史记录，可让您浏览所有操作。
这将使您轻松返回。
“历史记录”按钮之前的“浏览器”选项可让您进一步修改与访问者使用的浏览器有关的不同部分。 该选项使您可以访问截面结构的高级修改（列宽）。 您必须在这里非常仔细地进行更改。
通过“设置”按钮，您可以修改页面特定的某些选项，例如标题，特色图像或状态。
就是本教程的内容，我们将在下一个教程中进一步探讨Elementor。 不要犹豫，看看 官方网站 这提供了更成功的例子。
