Divi Builder 可视页面生成器 4.20.4 + Layouts – Visual Page Builder WordPress Plugin

Divi Builder Plugin 让您可以自由探索新的和令人兴奋的布局可能性。 Divi Builder Nulled 你的工具箱中有 3 种部分类型、20 种行类型和 40 多个内容模块。此外，构建器允许您使用 Divi Builder 下载免费 高级设计设置完全自定义每个元素。

Divi 凭借其极其先进的 Visual Builder 技术将 WordPress 提升到一个全新的水平。
您以前从未构建过这样的 WordPress 网站。Divi 不仅仅是一个 WordPress 主题，它是一个全新的网站构建平台，它用一个非常优秀的可视化编辑器取代了标准的 WordPress 帖子编辑器。设计专业人士和新手都可以享受它，让您能够以惊人的轻松和高效创建壮观的设计。

Divi Builder Plugin 适用于任何 WordPress 主题的独立页面构建器插件。已经在您的网站上使用主题了吗？您可以安装 Divi 插件并使用构建器在您的第三方模板结构中创建令人惊叹的设计。它适用于任何主题。无论您使用 Divi Theme 还是 Divi Builder 插件，每个人都可以利用 Divi 视觉生成器的强大功能。

Demo

https://www.elegantthemes.com/gallery/divi/

所见即所得的未来

拖放建筑

在网站前端添加、删除和移动元素。没有编码，也没有令人困惑的后端选项。

真正的视觉编辑

实时设计您的页面并立即查看结果。使用直观的视觉控件创建和自定义您的页面。

自定义 CSS 控件

开发人员可以轻松地将 Divi 的视觉设计控件与他们自己的自定义 CSS 结合起来。Divi 的界面简单但没有限制。

响应式编辑

构建漂亮的响应式网站很容易。Divi 本质上是响应式的，还可以让您完全控制您的网站在移动设备上的外观。

设计选项丰富

享受数十种独特的页面元素和数千种设计选项。Divi 使您可以完全控制网站的设计。

内联文本编辑

只需单击并开始输入！编辑页面从未如此简单。在前端草稿页面并在您键入时立即查看结果。

保存和管理您的设计

保存和管理无限的自定义设计。轻松重复使用它们来快速启动新页面。创建先进的设计系统并简化您的工作流程。

全局元素和样式

使用全局元素和网站范围的设计设置来管理整个网站的设计。Divi 不仅仅是一个页面构建器，它还是一个网站设计系统。

撤消、重做和修订

Divi 就像现代软件应用程序一样工作。轻松撤消、重做和遍历整个编辑历史。如果您犯了错误，Divi 会为您提供支持。

Divi适合所有人

自由职业者

Divi 使为您的客户构建网站变得更加容易、快速和愉快。借助 Divi，您可以使用单一平台构建任何内容，而无需管理数十个不同的主题。

机构

Divi 让建站更快更高效。它将简化您的设计过程并改善团队协作。它也非常实惠。以单一会员资格为您的客户建立无限的网站。

网站所有者

Divi 让建站更容易。对于初学者和网站所有者，Divi 让您可以自由地将自己的愿景变为现实。得益于其可视化编辑器和数百种预制设计，任何人都可以使用 Divi。

完整的 WordPress 设计系统就在这里

完整的设计控制

Divi 不仅仅是一个 WordPress 主题，它还是一个完整的设计框架，允许您从头开始设计和自定义网站的每个部分。您可以控制一切细节。为您和您的客户创建完美的网站。

优化和转换

Divi 不仅配备了强大的设计工具，还可以帮助您使网站取得成功。使用 Bloom 弹出窗口构建您的营销列表。使用 Monarch 社交分享在社交媒体上推广您的网站。通过 Divi Leads 拆分测试增加网站转化率。

更快地建立网站

如果您是网页设计专业人士，您一定会惊叹于 Divi 的速度和效率。Divi 不仅仅是适合初学者的易于使用的网站构建器，它还是一个先进的设计系统，可以帮助您的团队的工作流程更上一层楼。

悬停状态样式

使用悬停选项，您可以创建令人惊叹的悬停效果并将 Divi 模块转换为有趣和互动的元素。我们的悬停选项界面独特且易于使用。Divi 中支持过渡的每个设计设置现在都可以在悬停时轻松自定义。

响应式编辑

使用 Divi 可以轻松制作响应式网站。Divi 默认是响应式的，但通过让您完全控制每个移动设备上的每个设计设置，响应式设计更进一步。这使您可以完美地定制每个元素在计算机、平板电脑和智能手机上的外观。

字体和文本样式

享受全方位的文本和字体选项。从数百种网络字体中挑选或上传您自己的字体。自定义文本大小、字母间距和行高。更改字体粗细和文本样式。控制所有标准文本元素，例如锚链接、列表和块引号。

形状分隔线

向您的页面添加自定义形状和效果，在内容块之间创建动态过渡，并为您的网站添加额外的个人亮点。Shape Dividers 可以放置在网站每个部分的上方和下方，使您可以轻松地在页面的不同部分之间构建令人惊叹的过渡效果。

边框选项

使用 Divi 强大的边框编辑器为任何元素添加边框。创建圆角。控制边框大小、颜色和样式，并通过单独调整元素的每个边缘来创建独特的效果。

变换控制和效果

Divi 使您能够以通常只有在 Photoshop 和 Sketch 等图形设计程序中才有可能的方式直接在页面上转换元素。您可以四处移动元素，上下缩放它们，在三个不同的轴上旋转，以及倾斜和轻松调整变换原点。所有这些都是使用超级流畅的界面完成的，该界面使每个转换都易于执行和理解。

高级代码编辑

享受功能齐全的代码编辑器，它使编写和编辑代码变得更加轻松愉快。功能包括语法突出显示、错误报告、自动完成、颜色选择、多行选择、搜索、查找和替换等。使用 Divi 代码模块将自定义 CSS 添加到任何元素或将您自己的代码添加到任何页面。

过滤器和效果

使用一系列滤镜和效果轻松调整和增强任何元素的外观，包括色调、饱和度、亮度、对比度、反转、模糊、不透明度和棕褐色。使用背景混合模式创建令人惊叹的设计。

投影

通过创建自定义投影来增加页面的深度。您可以完全控制阴影的大小、位置、颜色和强度。它们很容易创建，您不必搞乱任何图形设计程序！

文字阴影

使用文本阴影创建令人惊叹的文本效果。使用 Divi 的简单预设轻松将文本阴影应用于任何元素，或使用全套控件创建您自己的自定义文本阴影。

动画

轻松向任何元素添加动画。使用 Divi 的动画预设应用简单的动画，或通过自定义动画类型、速度和方向来构建您自己的动画。当您的访问者向下滚动页面时，当元素进入视图时会触发令人惊叹的动画，让他们惊叹不已。

背景图像、颜色、渐变和视频

将自定义背景颜色、背景渐变、背景图像和背景视频应用于任何元素。创建有趣的重叠渐变和图像效果，或使用背景混合模式合并颜色和图像以创建独特的设计。

背景遮罩和图案

背景遮罩可用于遮罩背景图像、渐变或视频以创建新形状。这开辟了广泛的设计可能性，并允许您在构建器中创建美观、轻巧的形状，而无需使用 Photoshop 等图形设计程序。蒙版可以与图案相结合，在背景元素之上添加纹理。

粘性标题和堆叠内容

当用户上下滚动页面时，粘性元素“粘”在屏幕上。您可以将元素粘贴到浏览器的顶部和底部，甚至让它们堆叠起来。突出显示相关信息，例如菜单和导航，或显示相关内容并在用户向下滚动页面时构建叙述。

高级动画和滚动效果

制作令人惊叹的动作效果，在访客上下滚动页面时与他们互动。这些不是静态动画，它们是活的，并且会根据用户交互而变化。使用 Divi 的运动效果，您可以创建一些真正令人惊叹的设计，吸引访问者的注意力并保持他们的参与度。

高级显示条件

Divi 的条件选项允许您将高级显示逻辑应用于任何元素。您可以根据您定义的一组条件隐藏或显示元素，例如用户角色、日期和时间、帖子信息、网站位置等。凭借 Divi 的先进条件，您可以做很多事情。根据客户购买的产品向客户显示产品信息。在用户登录时向他们显示不同的内容。创建在销售期间显示的内容，然后在销售结束时自动消失。可能性是无止境！

速度 – 我们让 Divi 变得快速。超级快。

没有膨胀

Divi 通过自动删除您不使用的资源来消除膨胀。Divi 仅加载您使用的模块和功能所需的 CSS，而 Divi 仅处理呈现页面所需的 PHP 函数。其他一切都被排除在外。这就是为什么 Divi 可以做这么多，但仍然脚踏实地！

关键 CSS

Divi 会自动检测首屏内容所需的 CSS，并推迟其他所有内容。这使 Divi 可以完全消除渲染阻塞 CSS，为您的访问者提供直接访问您的内容的超高速高速公路。Google 给 Divi 网站高分，因为内容会立即显示。

速度提升

Divi 带有大量提速选项，可以推迟不需要的资源、缓存请求并删除渲染阻塞资产。这大大减少了初始加载时间，以便您的内容立即开始加载。这包括 JavaScript 延迟、Google 字体缓存等。’

效率 – 比以往更高效的设计

多选和批量编辑

多选是惊人的。使用 Divi，您可以按 Cmd 或 Ctrl 并单击一次选择页面上的多个元素。然后您可以同时编辑这些元素，一起更改它们的样式和内容，或者将它们作为一个组移动到页面上的不同位置。

查找和替换样式

立即对整个页面进行全面更改，为您节省数小时的编辑时间。使用查找和替换允许您更改整个页面或特定位置内的任何设计值，例如颜色或字体。无需单独打开每个元素并一遍又一遍地更改颜色，只需在整个文档中查找和替换即可。太不可思议了。

魔术色彩管理器

Divi 会自动记住您最近使用的颜色并存储它们以便于访问。它还显示您自己的可定制颜色托盘。此外，Divi 使用先进的颜色理论创建了一个独特的扩展颜色托盘，为您提供一系列在您的页​​面上看起来很棒的建议颜色。

复制和粘贴样式

跨元素复制和粘贴样式的能力绝对是游戏规则的改变者。在 Divi 中，任何东西都可以从一个元素复制并粘贴到另一个元素上。您可以复制单个设置、设置组，甚至可以复制一个元素的整个设计并将其转移到页面上的另一个元素。无需打开设计设置并一遍又一遍地编辑内容。只需复制和粘贴。

可扩展样式

Divi 的扩展样式功能将设计效率提升到一个全新的水平。如果您有一个刚刚创建的设计样式，并且您想要在页面的其他地方使用它，甚至在整个页面上使用它，您可以简单地将该样式自动扩展到您想要的位置。一次更新数百个元素！准确控制您的样式应扩展到的位置和元素。例如，假设您刚刚为图像制作了完美的框阴影和边框样式，但页面上有许多图像。您可以立即将这种风格扩展到其余图像！

Divi 快速操作

Divi 快速行动系统是一个多合一的发现者和行动者。需要帮助寻找设置？正在寻找有关构建器中某些功能如何工作的说明？只需键入即可搜索我们的帮助视频和所有可用的 Divi 选项。执行高级操作，例如添加元素或加载布局。通过几个按键快速跳转到构建器的不同部分，甚至跳转到不同的页面和不同的 WordPress 管理区域。它超级快，可以节省大量时间。

图层视图

打开 Divi 层视图面板以查看内容的层次结构。您可以在页面上同时工作的同时与图层面板内的内容进行交互！拖放、复制和粘贴，或使用图层面板快速导航到长页面中的不同区域。

拖放上传

将媒体文件直接拖放到您的页面上。它们会立即上传并出现在您的设计中！拖放整个 Divi 布局以直接导入它们。拖入新的网络字体、文本文件、视频等。无需使用 WordPress 媒体库。

键盘快捷键

键盘快捷键是最终效率的关键。Divi 带有全套键盘快捷键，高级用户可以使用这些快捷键来显着加快他们的工作流程。一旦掌握了使用快捷方式的窍门，您就会想知道没有它们您是如何生活的！

快速访问元素样式

Divi 元素带有大量的设计设置。但是，Divi 还可以轻松搜索和过滤这些设置，并快速跳转到您已修改的设置。查看修改后的样式会为您提供当前处于活动状态的所有设置的列表，这样您就不必搜索所有选项。它与谷歌浏览器的“查看计算机样式”过滤器非常相似。

可搜索设置

所有 Divi 设置都是可搜索的。您无需在不同的选项组中寻找您正在寻找的特定选项，您可以在打开设置弹出窗口时开始输入，结果将被相应地过滤。即使您知道在哪里可以找到一个选项，搜索它也会更快。无需单击进入不同的选项卡和组。如果您想编辑背景颜色，只需输入“背景颜色”，该选项就会立即出现。

可过滤的设置和搜索

Divi 中的设置也是可过滤的。应用不同的搜索过滤器将减少结果并帮助您找到所需的内容。可以过滤搜索结果以将设置组织到不同的组中，例如修改样式、响应样式和悬停样式。

营销 – 电子商务、潜在客户生成、内置拆分测试和强大的转化洞察力

电子邮件选择加入提供商支持

使用 Divi 的电子邮件选择加入模块构建您的电子邮件营销列表。Divi 提供了一系列令人印象深刻的电子邮件提供商支持，使您可以在几乎任何平台上构建列表。您甚至可以创建自定义字段，允许您构建分段列表并从订阅者那里收集独特的信息。它还具有 GDPR 合规性功能。

定价表

定价表是 Divi 提供的众多页面元素之一。通过全方位的设计和内容设置，您可以为您的产品创建引人注目的销售页面。

联络表格大楼

享受功能齐全的联系表单生成器。创建自定义表单字段以从访问者那里收集任何类型的信息。使用高级条件逻辑隐藏和显示输入字段。使用各种设计选项单独设置每个输入的样式。

社交关注

使用 Divi 的社交关注模块和 Monarch 的社交共享系统帮助建立您的社交追随者。必须在社交媒体上露面，而 Divi 可以轻松宣传您的社交媒体资料。

内置拆分测试

Divi 的拆分测试系统可不是闹着玩的。使用 Divi，可以测试任何东西。相互测试不同的设计和内容并选择独特的目标以查看每个变体的效果。Divi 为您提供强大的洞察力，以便您可以选择最佳版本并使用经过验证的结果提高网站的转化率。

WooBuilder – 使用 Divi Builder 构建和销售令人惊叹的产品

Divi 与 WooCommerce 兼容，并提供特定的 WooCommerce 集成，使两者成为完美的一对。WooCommerce 是免费的，这意味着任何使用 Divi 的人都可以开始在线销售产品而无需额外费用。

卖你的产品

在您的商店中展示无限的商品，供用户在线浏览和购买您的产品。使用 WordPress 进行销售从未如此出色。

使用 Divi 的 WooCommerce 模块构建产品布局

使用自定义 WooCommerce 模块完全控制产品页面的设计，这些模块允许您在网站的任何位置创建和控制任何单独的 WooCommerce 元素。决定在您的产品列表中显示什么，四处移动，甚至将 WooCommerce 模块与标准 Divi 模块混合使用以创建几乎任何东西。Divi 将 WooCommerce 提升到一个新的水平。

与您网站的外观和感觉相匹配的自定义购物车和结帐页面

使用 Divi，您可以构建自己的 WooCommerce 购物车和结帐页面。Divi 带有 8 个购物车和结帐模块，每个模块都包含完整的设计选项，您可以使用它们来完全自定义您的购物车和结帐体验。

直觉 – 您将遇到的最聪明的建筑商

生成器设置和控件

构建器界面带有许多选项，可让您自定义构建体验。我们尽量不将您限制在特定的 UI 约定中，而是让您自由地按照自己的方式创建网站。

快速创建页面

当您创建新页面时，Divi 可让您轻松访问数百个预制布局和您自己保存的所有布局。您可以快速复制现有页面或从头开始。

流畅直观的界面

Divi 的界面是独一无二的。它不引人注目且非常流畅。您可以四处移动界面元素并重新定位您的工具，以创建适合您的工作区。它不会将您限制在特定的 UI 约定中，而是让您选择最适合您的模式。它会适应您的屏幕尺寸，绝不会妨碍您。

历史、自动保存和浏览器备份

Divi 支持你。您在构建时执行的每个操作都会保存到您的编辑历史记录中。您可以轻松撤消、重做和探索修订。如果出现问题，例如您的互联网中断或计算机崩溃，Divi 会自动保存您的进度，以便您可以恢复它。

保存、导​​入和导出元素

使用 Divi，您可以将设计元素或完整布局保存到 Divi 库中。这些项目可以在不同的页面上轻松访问、编辑或重复使用。您和您的团队可以快速创建一组设计元素，这些元素可用于以令人难以置信的效率构建具有凝聚力的网站。您还可以在不同网站之间导入和导出这些布局。构建您自己的设计库或下载并使用 Divi 社区提供的无数惊人布局中的任何一种。

构建器视图模式

使用 Divi 进行构建有多种方法。您可以在不同的视图模式之间自由切换，选择最适合您或您当前项目的视图模式。放大和缩小、切换移动设备视图、在独特的交互模式之间切换或在线框模式下快速构建页面结构。由你决定。

生成器穿行

进入 Divi 并开始设计网站很容易。我们在界面中直接构建了有用的产品导览，让初学者在使用构建器的同时学习。产品导览对客户也非常有用，可以节省设计师将网站交给客户的时间。

主题生成器 – 设计您的整个网站，而不仅仅是帖子和页面

享受功能齐全的网站模板系统，该系统利用 Divi Visual Builder 的强大功能来设计网站的页眉、页脚、产品模板、帖子模板、类别页面、404 页面等。

页眉和页脚生成器

使用 Theme Builder，您可以使用 Divi 的许多模块和布局选项为网站的任何部分创建自定义页眉和页脚。

帖子和产品模板生成器

使用 Divi 的主题生成器，您可以创建站点范围的帖子和产品模板，从而改变整个网站的帖子结构。您不需要使用 Divi 一次设计每个帖子，也不需要编写子主题代码来修改主题的结构。一切都可以在构建器中设计，发布信息可以使用 Divi 的动态内容系统自动显示。

在您网站的前端设计一切

使用 Divi 编辑页面或帖子时，您可以自定义您看到的所有内容，包括模板！这意味着您可以通过一种可视化编辑体验在上下文中编辑页眉和页脚。无需来回跳转到 Theme Buider。

全局网站风格

通过编辑任何元素的默认设计，使用自己的总体设计系统自定义您的网站。当您修改模块的默认设计时，它会立即更新整个网站。站点范围的主题构建加上站点范围的设计编辑是最终的组合。

全局色彩

Divi 可让您为您的网站创建一个全局调色板。这些全局颜色是动态的，可以随时更改。这使您可以在短时间内快速转换网站的配色方案。这比使用静态颜色设计网站要好得多。

Divi云 – 用于您的 Divi 网站的 Dropbox

当您将某些内容保存到 Divi Cloud 时，它会在您构建它们时在您和您客户的所有网站上可用。

保存到云端

将所有您喜欢的 Divi 布局、页眉、页脚和内容块保存到您的 Divi Cloud

随处访问

当您开始一个新网站时，您所有的云项目都在可视化构建器中等待着您

组织和浏览

通过每个布局的类别、文件夹和自动生成的屏幕截图，可以轻松浏览项目

管理 – 用户角色、主题选项和网站支持

Divi 带有一整套主题选项，使您的网站易于管理。

单击一下即可浏览文档、获得技术支持并启用远程访问

Divi 支持中心可帮助您使用系统状态检查微调您的网站。您只需单击一下即可启用远程访问，以便我们的支持团队登录您的网站并解决您遇到的任何问题。您还可以切换 Divi 安全模式以快速安全地绕过与第三方插件的任何冲突。

为您的团队或客户设置自定义用户角色和权限

Divi 附带一个角色编辑器，您可以使用它来限制对构建器中某些内容的访问。例如，您可能希望限制客户修改设计的能力，但允许他们更改设计完整的页面中的文本内容。它简化了客户的体验，并让网站设计者保持控制。

使用 Divi 主题选项轻松设置主题和完整的主题控制

Divi 带有大量的主题选项和主题自定义设置。所有 Divi 设置都可以在 Divi 主题选项面板中轻松管理。

全球的 – 翻译成 32 种语言

不仅翻译了前端元素，我们还扩展了主题的本地化以覆盖 Divi Builder 界面，包括所有表单字段和描述。当您在 WordPress 控制面板中启用 RTL 语言时，Divi 和您网站的前端将自动切换到 RTL 模式。

可扩展性 – 访问 100 个 Divi 扩展或构建您自己的

Divi 不仅仅是一个主题，它也不仅仅是一个框架。这是一个由数十万设计师和开发人员组成的社区，其中充满了惊人的第三方扩展、子主题和布局，可帮助 Divi 走得更远。

迪维市场 – 查找数百个第三方模块、主题和布局

Divi 本身就很棒，但它也得到了蓬勃发展的开发人员和设计师社区的支持（就像 WordPress 一样）！在 Divi Marketplace 中，您会发现大量免费和优质产品，可帮助您构建独特的网站。

发展 – 开发者欢欣鼓舞！以令人兴奋的新方式扩展 Divi

Divi 不仅仅是一个主题，它是一个由繁荣和热情的社区支持的完整的网页设计框架。我们相信可扩展性和开源开发生态系统的培养。这就是我们创建 Divi 开发人员 API 的原因，允许开发人员创建自定义 Divi 模块等。

下载 Divi Builder WordPress 插件

Divi Builder 4.20.4

Divi Builder 4.21.0

Divi Builder 4.21.2

Divi Builder 4.22.0

Divi Builder 4.22.1