您想使用Elementor创建布局吗? 您是否想轻松创建具有专业外观的WordPress网站? 那你必须 在此处下载WordPress Elementor插件.

 Elementor 是一个可视页面构建器,提供“拖放”功能,使您无需任何编码知识即可轻松在WordPress上创建自定义布局。

在本教程中,我们将向您展示如何只需单击几下即可使用Elementor轻松创建自定义WordPress布局。 我们还为您提供 看看这个美丽的WordPress插件的其他选择.

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

用Elementor创建布局

为什么以及何时在WordPress上创建自定义布局?

在开始之前,您可以通过参考文章在此WordPress插件上进行发现 WordPress构建器页面的演示:Elementor 或发现 Elementor教程:介面介绍 

许多 WordPress主题 免费版和高级版都为不同类型的页面提供多种布局选择。 但是,有时这些模板布局都不能满足您的需求。

但是,如果您是PHP,HTML和CSS的爱好者,则可以选择创建自己的页面模板,甚至为网站创建子主题。 但是,大多数WordPress用户不是开发人员,因此此选项不适用于他们。

还发现这些 8 WordPress插件可轻松创建布局

那么使用简单的界面(拖放)创建布局不是很好吗?

这正是Elementor所做的。 这是一个WordPress页面构建器插件,可让您轻松创建自己的自定义WordPress布局,而无需任何编码技能。

它具有直观的用户界面,可让您使用实时预览创建自定义布局。 它带有用于所有类型的Web设计元素的大量现成模块。

它提供了几个专业设计的页面模板,您可以立即加载和使用它们作为起点。 也就是说,让我们看一下如何使用WordPress Elementor插件创建自定义WordPress布局。

Elementor入门

首先,您需要购买插件“ Elementor临 ”。 这是插件的付费版本“ Elementor 免费,您可以使用其他功能和1的客户支持。

然后你需要安装并激活 Elementor插件。 有关更多详细信息,请参见有关以下内容的分步指南 安装WordPress插件的方法.

激活后,访问“ Elementor>设置 配置此插件的操作。

元素设置

在这里,您可以为不同类型的帖子激活“Elementor”。 默认情况下,它为您的 WordPress 帖子和页面启用。 如果您的网站上有自定义帖子格式,它们也会显示在此处,您也可以启用它们。

您将可以排除或包括在撰写文章或页面时可以使用Elementor的用户角色。 默认情况下,仅对管理员启用。

发现我们的 8 WordPress插件用于管理角色和用户

别忘了点击按钮« 保存更改 保存设置。

使用Elementor创建自定义布局

首先,您需要在WordPress网站上创建一个新页面(或发布)。 在帖子编辑页面上,您会注意到新的“使用Elementor编辑”按钮。

用elementor编辑

单击它会启动Elementor UI,您可以在其中使用具有拖放功能的可视页面构建器来编辑页面。

拖放元素或

现在,您可以添加部分并从头开始创建页面,或者仍然可以加载默认的附带模板之一。

模型是快速入门的较快方法。 因此,Elementor提供了几个专业设计的模板,您可以根据需要进行自定义。

让我们从点击“ 添加模板 “。

这将显示一个弹出窗口,您可以在其中看到可用的不同型号。 您应该寻找一个看起来像您想要的模型。 

布局elemntor插件

现在单击以选择所需的模型,然后单击按钮 插入 要将其添加到您的页面。

Elementor将为您加载模板。

现在,您可以开始修改模板以满足您的需求。 只需指向并单击任何元素以将其选中,Elementor就会在左栏中显示其设置。

开始在Elementor上进行页面编辑

现在让我们讨论一下Elementor的布局是如何工作的。

提供的型号 Elementor插件 建立在部分、列和小部件之上。 部分就像您放置在页面上的线条或块。

每个部分可以具有多个列,每个部分和列可以具有自己的样式,颜色,内容等。

使用elementor编辑页面

您可以选择使用Elementor提供的小部件在列和节中添加元素。

这些小部件是您可以放置​​在页面部分中的内容块类型。

只需选择一个小部件并将其放在您的部分或列中。 有大量的小部件可用,涵盖您可以想象的所有流行的网页设计元素。

使用elementor设计元素e

您可以添加图像,文本,主题,图像库,视频,地图,图标,推荐书,滑块,轮播等。

另见我们的 15 Elementor主题和模板来创建网站

您还可以添加默认的 WordPress 小部件,甚至是其他人创建的小部件 WordPress插件 在您的网站上。

完成创建自己的布局或修改布局后,您可以点击“ Enregistrer 保留您的更改。

使用elementor自定义布局

雷马克: 保存布局不会将该页面发布到您的WordPress网站。 它将仅保存您的布局。

此时,您可以选择预览页面或转到WordPress仪表板。 这将带您回到默认的WordPress帖子编辑器。 您现在可以保存WordPress页面或将其发布到您的网站。

具有elementor的布局发布

就是这样,所以完成了使用WordPress Elementor插件创建页面的操作。

但与许多页面构建器一样,它也提供扩展 通过将更多设计元素引入默认插件,您可以轻松快速地创建新布局。

下载Elementor

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 JetElements 

此插件将通过各种模块增强您的Elementor捆绑包,这在构建网站时将非常有用。 强大的元素是专门为与Elementor的功能集成而创建的,可为您提供多功能的解决方案和时尚的元素。

Elementor Wordpress插件jetelement

它的主要特点是:许多有用的模块,其中包含许多样式选项,功能参数和绝对可自定义的元素,可快速启动您的在线商店的令人难以置信的元素,对RTL语言的支持, WPML插件支持 和一个模块 联系表7 令人惊奇的是,它使您可以添加联系表并将其嵌入到您的网站中。

下载 | 演示 | 虚拟主机

2。 JetMenu 

JetMenu是一个扩展 非常实用 插件 Elementor,可让您创建 megamenus 带有易于使用的滚动元素。 该插件不会限制您的想象力,并且有可能创建令人惊叹的菜单并根据您的远见和需求对其进行修改。

Jetmenu wordpress elementor插件

它的主要特点是:不需要编码知识, 丰富的功能与简洁明了的完美结合, 大量的内容模块,专门开发来帮助您创建菜单,快速响应的布局等。

如果您想为您的网站菜单或巨型菜单增添趣味,请咨询此WordPress插件。

下载 | 演示 | 虚拟主机

3。 JetWooBuilder 

JetWooBuilder是必备组件,可让您使用Elementor创建完整的WooCommerce产品页面。

Jetwoobuilder wordpress elementor插件

作为功​​能,您会发现: 几个独特的产品页面模板,许多视觉效果 创建产品页面 WooCommerce 许多引人注目的内容小部件,例如“添加到购物车”,“预览”,“图像”,“评分”,“相关”等,以及显示的功能 产品分类 等等。

下载 | 演示 | 虚拟主机

一些有用的资源:

结论:

这是 ! 就是本教程的内容了,希望它允许您使用插件创建现代且专业的布局 Elementor.

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

尤其是在您不同的社交网络上分享本文。

...