你想创建自己的自定义WordPress页面布局吗?学习如何使用elements轻松创建漂亮的自定义WordPress布局。

想在WordPress中创建自己的自定义页面布局吗?元素是一个拖拽&drop WordPress页面生成器,允许您轻松创建自定义WordPress布局,而无需任何编码知识。在本文中,我们将向您展示如何使用elements轻松创建自定义WordPress布局,只需点击几下即可。

为什么需要自定义WordPress布局?

许多免费和高级WordPress主题都为不同类型的页面提供了多种布局选择。然而,有时这些布局都不能满足您的要求。

如果你知道如何用PHP、HTML和CSS编码,那么你可以创建自己的页面模板,甚至为你的网站建立一个子主题。然而,大多数WordPress用户不是开发人员,所以这个选项不适合他们。

如果你可以使用拖放界面来创建页面布局,那不是很好吗?

这正是element所做的。它是一个拖放式WordPress页面构建器插件,允许您轻松创建自己的自定义WordPress布局,而无需任何编码技能。

它有一个直观的用户界面,可以让您构建自定义布局与实时预览。它配备了许多随时可用的模块,用于各种网页设计元素。

有几个专业设计的模板,你可以立即加载和使用作为起点。它适用于所有标准兼容的WordPress主题,并与所有流行的WordPress插件兼容。

说到这里,让我们来看看如何使用Elementor创建自定义WordPress布局。

开始使用Elementor

首先你需要购买Elementor Pro插件。它是免费元素插件的付费版本,可以让您访问额外的功能和1年的支持。

接下来,您需要安装并激活Elementor插件。有关更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。

激活后,需要访问 element »Settings页面配置插件设置。

这里你可以为不同的帖子类型启用元素。默认情况下,它是为您的WordPress帖子和页面启用的。如果您的站点上有自定义的帖子类型,那么这些也会出现在这里,您也可以启用它们。

您可以排除或包含在撰写帖子或页面时可以使用element的用户角色。缺省情况下,只对管理员启用。

不要忘记单击save changes按钮来存储您的设置。

使用元素创建自定义WordPress布局

首先你需要在你的WordPress网站上创建一个新的页面(或帖子)。在后期编辑屏幕上,你会看到新的‘edit with Elementor’按钮。

单击它将启动Elementor用户界面,您可以在其中使用Elementor’s拖放页面生成器编辑您的页面。

现在您可以添加部分并从头构建页面,或者您可以添加模板。

模板是快速入门的更快方式。Elementor带有几个专业设计的模板,您可以根据需要自定义。

让我们通过点击‘添加模板’按钮。

这将带来一个弹出窗口,您将能够看到不同的模板可用。您应该寻找与您的页面布局相似的模板。

现在点击选择你喜欢的模板,然后点击‘Insert’按钮将其添加到页面。

Elementor现在将为您加载模板。

你现在可以开始编辑模板来匹配你的需要。只需指向并单击任何元素来选择它,Elementor将在左列中显示其设置。

现在让我们来谈谈元素布局是如何工作的。

元素布局是使用节、列和小部件构建的。部分就像你放在页面上的行或块。

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

你可以在你的列和部分中添加任何元素。

这些小部件是不同类型的内容块,您可以将其放置在elements部分中。

只需选择一个小部件并将其拖放到区段或列中。有一个广泛的小工具集,涵盖了所有流行的网页设计元素,你可以想到。

您可以添加图像,文本,标题,图像库,视频,地图,图标,推荐,滑块,旋转木马,等等。

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

编辑完成后,您可以单击Save按钮保存更改。

注意:保存布局不会在你的WordPress站点上发布页面。它会保存你的页面布局。

你现在可以预览你的页面或去WordPress仪表板。

这将把你带回到WordPress文章编辑器。你现在可以保存你的WordPress页面或者在你的网站上发布它。

在Elementor中创建自己的模板

Elementor允许您将自己的自定义布局保存为模板。通过这种方式,您可以重用自己的模板,以便在将来更快地创建新页面。

简单地编辑你想保存为一个模板的页面与元素。

在elements构建器界面中,单击保存按钮旁边的文件夹图标,然后选择‘save template’。

这会弹出一个你需要为你的模板提供一个名字的窗口,然后点击保存按钮。

下次创建自定义页面布局时,您可以从‘My templates&# 8217;选项卡。

您也可以导出此模板并使用elements在其他WordPress站点上使用它。

您需要访问 element »库页面查看您保存的模板。将鼠标移到模板名称上,然后点击‘Export template’链接。

下载模板文件后,您可以使用Elementor进入另一个WordPress站点的库页面,然后导入模板。

到此为止。

我们希望这篇文章能帮助你学习如何使用Elementor创建自定义WordPress布局。你可能也想看看我们关于如何加速WordPress和提高性能的一步一步的指南。

更多有关于 Wordpress插件技巧

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号