Divi绝对是其中之一 WordPress主题当今最流行的。构成这个主题力量的元素之一是它的构建器（Divi Builder），它让我们想起了很多 可视化编辑器.

Divi Builder有两种形式：标准的“后端生成器”和“ Visual Builder”。通过这两个界面，您可以构建具有相同内容和相同设计参数的完全相同类型的网站。唯一的区别是界面。后端生成器位于WordPress仪表板内部，并且可以通过所有其他标准WordPress设置进行访问。

它位于WordPress用户界面内，并取代了标准的WordPress帖子编辑器。这对于在仪表板内部进行快速更改非常有用，但它也受仪表板限制，并呈现为网站的块状表示形式。本教程仅关注视觉生成器。

下载DIVI WordPress主题

另一方面，全新的Visual Builder可让您在网站的前端构建页面！这是一次了不起的体验，并允许更快的设计。当您在视觉生成器中添加内容或调整设计设置时，更改将立即显示。

您可以单击页面并开始输入。您可以突出显示文本并调整其字体和样式。您可以添加新内容，构建页面并在眼前看到发生的一切。

如何启用Visual Builder

登录WordPress仪表板后，您可以导航到网站前端的任何页面，然后单击WordPress管理栏中的“激活可视生成器”按钮以启动生成器。视觉的。

如果要在仪表板上编辑页面，则可以通过单击Divi Builder后端界面顶部的“启用Visual Builder”按钮来切换到可视构建器（请注意，您必须先在出现视觉生成器按钮之前，请激活Divi Builder。

Visual Builder的基础知识

Divi的强大之处在于Visual Builder，这是一种与“拖放”配合使用的页面构建器，它使您可以通过组合和排列内容来构建几乎任何类型的网站。

该构建器使用三个主要的构建块：部分，行和模块。统一使用它们可以创建无数的布局。区段是最大的构建基块，它们容纳行组。这些行位于部分内部，用于容纳模块。模块放置在行内。这是每个Divi网站的结构。

第

使用Divi设计布局时使用的最基本和最大的构建基块是部分。它们用于创建大型内容组，这是您添加到页面中的第一件事。共有三种类型的部分：常规，特殊和全宽。

常规部分由列的行组成，而全角部分由全宽模块组成，这些模块可加宽屏幕的整个宽度。特殊部分允许更高级的侧面布局。

行

这些行位于节内，您可以在节内放置任意数量的行。有许多不同类型的列可供选择。为行定义列结构后，可以将模块放置在所需的列中。列中可放置的模块数量没有限制。

模块

模块是构成您的网站的内容。每个Divi模块都可以适应任何列宽，并且它们都具有充分的响应能力。

建立您的首页

这三个基本构建块（节，线和模块）用于构建页面。

添加您的第一部分

在向页面添加任何内容之前，您需要首先添加一个部分。单击蓝色（+）按钮可以添加部分。将鼠标悬停在页面上已经存在的区域上时，下面将显示一个蓝色（+）按钮。单击时，将在您当前悬停的部分下方添加一个新部分。

如果开始新页面，则第一部分将自动添加。

添加第一行

添加第一部分后，您可以开始在其中添加列的行。一个节可以包含任意数量的行，并且您可以混合和匹配来自不同类型列的行以创建各种布局。

要添加行，请单击空白部分内的绿色（+）按钮，或单击将鼠标悬停在当前行上以在下面添加新行时出现的绿色（+）按钮。单击绿色（+）按钮后，将看到一个列类型列表。选择所需的列，即可添加第一个模块。

添加你的第一个模块

可以在行内添加模块，每行可以包含任意数量的模块。模块是页面的内容元素，Divi带有40多种不同的元素，可用于构建。

您可以使用文本、图像和按钮等基本模块，也可以使用更高级的模块，例如滑块、作品集画廊和电子商务网站商店。

要添加模块，请单击空白列中的灰色（+）按钮，或者将鼠标悬停在页面上的模块上以在下面添加新模块时单击灰色（+）按钮。。单击该按钮后，将看到一个模块列表。

选择您要选择的模块，它将被添加到页面中，并且将显示该模块的控制面板。使用此控制面板，您可以开始配置模块。

这就是本教程的内容。有了今天所学的知识，您将能够使用 Divi 创建布局。我们将返回有关该主题的高级教程。你已经可以下载 Divi主题.

[vc_row center_row =“ yes”] [vc_column宽度=“ 1/2”] [vcex_button target =“空白” layout =“展开” align =“ center” font_family =“ Raleway” font_weight =“ 700”样式=“ flat” custom_background =“＃18b69d” custom_hover_background =“＃118d7a” custom_color =“ #ffffff” custom_hover_color =“ #ffffff” icon_right =“ fa fa-download”]下载主题[/ vcex_button] [/ vc_column] [»vc_column] =» 1/2英寸] [vcex_button url =“ https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target =“ blank” layout =“ expanded” align =“ center” font_family =“ Raleway” font_weight =“ 700”样式=“ flat” custom_background =“＃c4226e” custom_hover_background =“＃8d184f” custom_color =“ #ffffff” custom_hover_color =“ #ffffff” icon_right =“ fa fa-download”]下载模板DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

其他Divi教程

类似商品

2评论

的Massimiliano 23年2021月9日，55小时XNUMX分

Chieso scusa se nonàla sezione esatta ma non riesco a visualizzare le mie pagine create con visual builder divi attraverso il soo tema se non tengo attivato il visual builder divi，altrimenti non vedo la formatttazione delle pag。 Uso local，由飞轮oppure xammp在语言环境中显示。 Grazie e buon lavoro。
回答
泽尼爱侣湾 21 年 2020 月 19 日 25 时 XNUMX 分

允许向管理员询问我面临的有关divi主题的问题，如何修复无法更改的divi主题（divi生成器无法单击，只能相互单击），这一切都始于我编辑.htaccess文件以将URL从http重定向到https，结果发生错误，我无法进入管理区域，也没有备份，总之，我能够进入WordPress的管理区域，网站的外观略有变化，然后我进入了divi（页面）构建器，这是问题仅在您绕圈出现的地方想要，我真的希望BlogPascher管理员提供解决方案。谢谢
回答

发表评论更改或取消LA REPONSE

这个网站使用Akismet来减少不需要的。详细了解如何使用您的评论数据.

如何在WordPress上使用Divi Builder插件