Divi凭借其难以置信的高级Visual Builder技术将WordPress提升到一个全新的水平
你以前从未建立过这样的WordPress网站。Divi不仅仅是一个WordPress主题，它是一个全新的网站建设平台，用一个非常优秀的视觉编辑器取代了标准的WordPress帖子编辑器。无论是设计专业人士还是新手，都可以享受它，让您能够以惊人的轻松和效率创建壮观的设计。
尝试免费的生成器演示！
可视化构建
影响
形状分隔器
批量编辑
布局库
变换
悬停状态
查找并替换
所见即所得的未来
拖放
拖放建筑
在网站前端添加、删除和移动元素。没有编码，也没有令人困惑的后端选项。
可视化编辑
真正的视觉编辑
实时设计页面并立即查看结果。使用直观的视觉控件创建和自定义页面。
自定义CSS
自定义CSS控件
开发人员可以轻松地将Divi的视觉设计控件与自己的自定义CSS相结合。Divi的界面简单但不受限制。
响应式编辑
响应式编辑
建立漂亮的响应式网站很容易。Divi天生反应灵敏，而且可以让您完全控制网站在移动设备上的外观。
设计选项
Galore设计选项
享受数十种独特的页面元素和数千种设计选项。Divi为您提供对网站的全面设计控制。
内联文本编辑
内联文本编辑
只需单击并开始键入！编辑页面从来没有这么容易。在前端起草页面，并在键入时立即查看结果。
设计管理
保存和管理您的设计
保存和管理无限自定义设计。轻松地重复使用它们以快速启动新页面。创建高级设计系统并简化工作流程。
全球要素
全局元素和样式
使用全局元素和网站范围的设计设置管理整个网站的设计。Divi不仅仅是一个页面生成器，它还是一个网站设计系统。
撤消、重做和修订
撤消、重做和修订
Divi就像一个现代软件应用程序。轻松撤消、重做并浏览整个编辑历史。如果你犯了错误，迪维会支持你。
Divi适合所有人
自由职业者
Divi让您的客户建立网站变得更容易、更快、更愉快。使用Divi，您可以使用单个平台构建任何内容，而不是管理几十个不同的主题。
机构
Divi使网站建设更快、更高效。它将简化您的设计流程，提高团队协作。它也非常实惠。只需一个会员，就可以为您的客户建立无限的网站。
网站所有者
Divi使建立网站更容易。对于初学者和网站所有者，Divi为您提供了将自己的愿景带入生活的自由。由于Divi的视觉编辑器和数百个预先制作的设计，任何人都可以加入Divi。
完整的WordPress设计系统在这里
完整设计控制
Divi不仅仅是一个WordPress主题，它是一个完整的设计框架，允许您从头开始设计和定制网站的每个部分。你可以控制一切细节。为您和您的客户创建完美的网站。
优化转换（&C）
Divi不仅提供强大的设计工具，还可以帮助您使网站成功。使用Bloom弹出窗口建立营销列表。通过Monarch社交分享在社交媒体上推广您的网站。通过Divi Leads拆分测试提高网站转化率。
更快地建立网站
如果你是一名网页设计专业人士，你会对Divi的速度和效率感到惊讶。Divi不仅是初学者易于使用的网站生成器，它还是一个先进的设计系统，可以帮助您的团队将工作流程提升到一个新的水平。
自定义
全面设计控制一切
探索所有设计功能
额外预览
悬停状态样式
使用悬停选项，您可以创建令人惊叹的悬停效果，并将Divi模块转换为有趣的互动元素。我们的悬停选项界面是独特的，非常容易使用。Divi中支持转换的每个设计设置现在都可以在悬停时轻松定制。
了解更多信息
播放视频
悬停状态选项
响应式编辑
使用Divi可以轻松创建响应式网站。默认情况下，Divi是响应式的，但通过让您完全控制每个移动设备上的每个设计设置，它将响应式设计更进一步。这可以让你完美地定制电脑、平板电脑和智能手机上每个元素的外观。
了解更多信息
播放视频
字体和文本样式
享受各种文本和字体选项。从数百种web字体中选择或上传自己的字体。自定义文本大小、字母间距和行高。更改字体权重和文本样式。控制所有标准文本元素，如锚链接、列表和块引号。
了解更多信息
播放视频
形状分隔线
为页面添加自定义形状和效果，在内容块之间创建动态过渡，并为网站添加额外的个人闪光点。形状分割器可以放置在网站的每个部分的上方和下方，允许您轻松地在页面的不同部分之间构建令人惊叹的过渡效果。
边框选项
使用Divi强大的边框编辑器为任何元素添加边框。创建圆角。控制边框大小、颜色和样式，并通过单独调整元素的每条边来创建独特的效果。
了解更多信息
播放视频
变换控件和效果
Divi为您提供了在页面上转换元素的能力，这种方式通常只能在Photoshop和Sketch等图形设计程序中实现。您可以移动元素，上下缩放它们，在三个不同的轴上旋转，以及轻松地扭曲和调整变换原点。所有这些都是使用一个超级灵活的界面来完成的，该界面使每个转换都易于执行和理解。
了解更多信息
播放视频
高级代码编辑
享受一个功能齐全的代码编辑器，使编写和编辑代码变得更加容易和愉快。功能包括语法高亮显示、错误报告、自动完成、颜色选择、多行选择、搜索、查找和替换等。使用Divi代码模块向任何元素添加自定义CSS或向任何页面添加您自己的代码。
了解更多信息
播放视频
高级代码编辑
过滤器和效果
使用一系列滤镜和效果轻松调整和增强任何元素的外观，包括色调、饱和度、亮度、对比度、反转、模糊、不透明度和深褐色。使用背景混合模式创建令人惊叹的设计。
了解更多信息
播放视频
放置阴影（Drop Shadows）
通过创建自定义放置阴影，为页面添加深度。您可以完全控制阴影的大小、位置、颜色和强度。它们很容易创建，而且您不必干扰任何图形设计程序！
了解更多信息
实时示例
播放视频
文本阴影
使用文本阴影创建令人惊叹的文本效果。使用Divi的简单预设轻松地将文本阴影应用于任何元素，或使用全套控件创建自己的自定义文本阴影。
了解更多信息
实时示例
播放视频
文本阴影效果
动画
轻松向任何元素添加动画。使用Divi的动画预设应用简单动画，或通过自定义动画类型、速度和方向来构建自己的动画。当你的访问者在页面上滚动时，他们会看到令人惊叹的动画，当元素进入视图时会触发这些动画。
了解更多信息
实时示例
播放视频
背景图像、颜色、渐变和视频
将自定义背景颜色、背景渐变、背景图像和背景视频应用于任何元素。创建有趣的重叠渐变和图像效果，或使用背景混合模式来合并颜色和图像，以创建独特的设计。
了解更多信息
播放视频
背景选项
背景遮罩和图案
背景遮罩可用于遮罩背景图像、渐变或视频以创建新形状。这打开了一个巨大的设计可能性范围，允许您在构建器内创建美丽、轻盈的形状，而无需使用Photoshop等图形设计程序。遮罩可以与图案组合，在背景元素的顶部添加纹理。
了解更多信息
查看演示
观看视频
粘性标题和堆叠内容
当用户上下滚动页面时，粘性元素会“粘”在屏幕上。您可以将元素粘贴到浏览器的顶部和底部，甚至让它们堆叠起来。突出显示相关信息，如菜单和导航，或表面相关内容，并在用户向下滚动页面时构建叙事。
了解更多信息
查看演示
观看视频
高级动画和滚动效果
制作令人惊叹的动作效果，在访问者在页面上下滚动时与他们互动。这些不是静态动画，它们是动态的，并基于用户交互而变化。使用Divi的运动效果，您可以创建一些真正令人惊叹的设计，吸引访客的注意力并保持他们的参与。
高级显示条件
Divi的条件选项允许您将高级显示逻辑应用于任何元素。您可以根据定义的一组条件隐藏或显示元素，例如用户角色、日期和时间、帖子信息、网站位置等。借助Divi的先进条件，你可以做很多事情。根据客户购买的产品向客户显示产品信息。登录时向用户显示不同的内容。创建在销售期间出现的内容，然后在销售结束时自动消失。可能性无限！
了解更多信息
观看视频
显示条件
速度
我们快速完成Divi。超快。
了解更多信息
播放视频
网站速度评分
没有金发女郎
Divi通过自动删除不使用的资源来消除膨胀。Divi只加载您使用的模块和功能所需的CSS，Divi只处理渲染页面所需的PHP函数。其他一切都被排除在方程式之外。这就是为什么Divi可以做这么多，但仍然保持轻盈的双脚！
了解更多信息
关键CSS
Divi自动检测折叠上方内容所需的CSS，并延迟其他所有内容。这使得Divi可以完全消除渲染阻塞CSS，为访问者提供直接访问内容的高速通道。谷歌给Divi网站很高的评分，因为内容马上就会出现。
了解更多信息
速度提升
Divi提供了大量提高速度的选项，可以延迟不需要的资源、缓存请求和删除渲染阻塞资产。这大大减少了初始加载时间，以便您的内容立即开始加载。这包括JavaScript延迟、Google字体缓存等。
了解更多信息
效率
比以往任何时候都更有效率的设计
探索DIVI的有效性和生育特征
设计效率界面1设计效率界面2设计效率界面3设计效率界面4设计效率界面5设计效率界面
多选和批量编辑
Multi-Select令人惊叹。使用Divi，您可以按Cmd或Ctrl，然后单击以同时选择页面上的多个元素。然后，您可以同时编辑这些元素，一起更改它们的样式和内容，或将它们作为一个组移动到页面上的不同位置。
了解更多信息
播放视频
查找和替换样式
立即在整个页面上进行彻底的更改，为您节省数小时的编辑时间。使用查找和替换可以在整个页面或特定位置更改任何设计值，如颜色或字体。不要逐个打开每个元素并反复更改颜色，只需在整个文档中查找并替换即可。这太不可思议了。
了解更多信息
播放视频
魔力色彩管理器
Divi会自动记住您最近使用的颜色，并将其存储起来以方便访问。它还显示您自己的自定义调色板。此外，Divi使用先进的颜色理论创建了一个独特的扩展调色板，为您提供一系列建议颜色，使您的页面看起来很棒。
了解更多信息
播放视频
复制和粘贴样式
跨元素复制和粘贴样式的能力是绝对的游戏规则改变者。在Divi中，任何东西都可以从一个元素复制并粘贴到另一个元素上。您可以复制单个设置、设置组，甚至复制元素的整个设计并将其传输到页面上的另一个元素。无需反复打开设计设置和编辑内容。只需复制并粘贴。
了解更多信息
播放视频
可扩展样式
Divi的扩展样式功能将设计效率提升到一个全新的水平。如果您有刚创建的设计样式，并且希望在页面上的其他位置或整个页面上使用该样式，则只需将该样式自动扩展到所需位置即可。一次更新数百个元素！精确控制您的样式应该扩展到哪些元素。例如，假设您刚刚为图像制作了完美的框阴影和边框样式，但页面上有几十幅图像。您可以立即将该样式扩展到其他图像！
Divi快速动作
Divi快速行动系统是一个集发现者和实干家于一体的系统。需要帮助查找设置吗？想澄清一下建筑商的工作原理吗？只需键入以搜索我们的帮助视频和所有可用的Divi选项。执行高级操作，如添加元素或加载布局。只需几次按键即可快速跳转到构建器的不同部分，甚至跳转到不同的页面和不同的WordPress管理区域。它速度极快，节省了大量时间。
了解更多信息
播放视频
图层视图
打开Divi图层视图面板以查看内容的层次结构。当您同时处理页面时，您可以与层面板内的内容交互！拖放、复制和粘贴，或使用图层面板快速导航到长页面中的不同区域。
了解更多信息
观看视频
拖放上载
将媒体文件直接拖放到页面上。它们将立即上传并出现在您的设计中！拖放整个Divi布局以直接导入它们。拖动新的web字体、文本文件、视频等。无需使用WordPress媒体库。
了解更多信息
播放视频
拖放以上载资源
键盘快捷键
键盘快捷键是实现最高效率的关键。Divi提供了一系列键盘快捷键，高级用户可以使用这些快捷键显著加快工作流程。一旦你掌握了使用快捷方式的窍门，你会想知道没有快捷方式你是怎么生活的！
了解更多信息
播放视频
Divi键盘快捷键
快速访问元素样式
Divi元素具有大量的设计设置。然而，Divi还可以轻松搜索和过滤这些设置，并快速跳转到已修改的设置。查看修改后的样式可以为您提供当前活动的所有设置的列表，这样您就不必搜索整个选项阵列。它与谷歌Chrome的“查看电脑风格”过滤器非常相似。
了解更多信息
播放视频
可搜索设置
所有Divi设置均可搜索。您可以在打开设置弹出窗口时开始键入，并相应地过滤结果，而不是通过不同的选项组来查找您要查找的特定选项。即使您知道在哪里可以找到选项，搜索它也会更快。无需单击不同的选项卡和组。如果你想编辑你的背景色，只需键入“background color”，该选项将立即出现。
了解更多信息
播放视频
可筛选设置和搜索
Divi中的设置也是可过滤的。应用不同的搜索过滤器将减少结果，并帮助您找到所需内容。可以过滤搜索结果以将设置组织到不同的组中，例如修改的样式、响应样式和悬停样式。
了解更多信息
播放视频
营销
电子商务、潜在客户开发、内置拆分测试和强大的转换洞察力
探索所有营销功能
电子邮件选择提供商支持
使用Divi的电子邮件选择模块建立您的电子邮件营销列表。Divi提供了一系列令人印象深刻的电子邮件提供商支持，允许您在几乎任何平台上建立列表。您甚至可以创建自定义字段，允许您构建分段列表，并从订阅者收集唯一信息。它还具有GDPR合规性功能。
查看所有集成
播放视频
电子邮件列表提供程序
定价表
定价表是Divi提供的众多页面元素之一。通过全方位的设计和内容设置，您可以为您的产品创建引人注目的销售页面。
联系人表单生成
享受全功能联系人表单生成器。创建自定义表单字段以从访问者收集任何类型的信息。使用高级条件逻辑隐藏和显示输入字段。使用全套设计选项单独设置每个输入的样式。
了解更多信息
播放视频
表单生成器表单生成器
社会关注
借助Divi的社交关注模块和Monarch的社交分享系统，帮助建立您的社交关注。拥有社交媒体是必须的，Divi可以轻松推广您的社交媒体档案。
Divi社交关注按钮
内置拆分测试
Divi的分裂测试系统不是开玩笑的。有了Divi，任何事情都可以测试。测试不同的设计和内容，并选择不同的目标，以了解每个变体的表现。Divi为您提供强大的见解，让您可以选择最佳版本，并使用经验证的结果提高网站的转化率。
了解更多信息
播放视频
分体式测试分体式测试
WooBuilder公司
使用Divi Builder制作和销售令人惊叹的产品
Divi与WooCommerce兼容，并提供特定的WooCommCommerce集成，使两者成为完美的一对。WooCommerce是免费的，这意味着任何使用Divi的人都可以免费在线销售产品。
探索所有DIVI电子商务功能
演示1
演示2
演示3
演示4
演示5
演示6
演示7
演示8
演示9
WooCommerce模块
销售您的产品
在您的商店中展示无限的商品，以便用户在线浏览和购买您的产品。用WordPress销售从未如此出色。
Woo Commerce商店
使用Divi的WooCommerce模块构建产品布局
使用自定义WooCommerce模块，您可以在网站的任何位置创建和控制任何单独的WooCommCommerce元素，从而完全控制产品页面的设计。决定产品列表上显示的内容，四处移动，甚至将WooCommerce模块与标准Divi模块混合，以创建任何内容。Divi将WooCommerce提升到一个新的水平。
了解更多信息
播放视频
符合您网站外观的自定义购物车和结账页面
使用Divi，您可以构建自己的WooCommerce购物车和结账页面。Divi提供了8个购物车和结账模块，每个模块都包含了丰富的设计选项，您可以使用这些选项来完全定制购物车和结帐体验。
了解更多信息
现场演示
观看视频
购物车和结账
直觉
你见过的最聪明的建设者
生成器设置和控件
生成器界面提供了许多选项，允许您自定义建筑体验。我们试图不将您锁定在特定的UI约定中，而是让您可以自由地按照您想要的方式创建网站。
了解更多信息
播放视频
Divi生成器设置
快速页面创建
当您创建一个新页面时，Divi可以让您轻松访问数百个预先制作的布局和所有您自己保存的布局。您可以快速复制现有页面或从头开始。
了解更多信息
浏览布局
播放视频
快速页面创建
流畅直观的界面
Divi的界面是其中之一。它不显眼，流动性令人难以置信。您可以移动界面元素并重新定位工具，以创建适合您的工作空间。它不会将您锁定在特定的UI约定中，而是允许您选择最适合您的模式。它将适应您的屏幕大小，永远不会妨碍您。
了解更多信息
播放视频
历史记录、自动保存和浏览器备份
迪维支持你。构建时执行的每个操作都将保存到编辑历史记录中。您可以轻松地撤消、重做和探索修订。如果出现问题，如网络故障或电脑崩溃，Divi将自动保存您的进度，以便您恢复。
保存、导入和导出元素
使用Divi，您可以将设计元素或完整布局保存到Divi库中。这些项目可以在不同的页面上轻松访问、编辑或重复使用。您和您的团队可以快速创建一组设计元素，用于以难以置信的效率构建一个具有凝聚力的网站。您还可以在不同的网站之间导入和导出这些布局。建立您自己的设计库，或下载并使用Divi社区提供的无数令人惊叹的布局。
Divi导出保存到库
生成器视图模式
有多种方法可以使用Divi进行构建。您可以在不同的视图模式之间自由切换，选择最适合您或当前项目的视图模式。放大和缩小，在移动设备视图之间切换，在独特的交互模式之间切换，或在线框模式下快速构建页面结构。这取决于你。
生成器漫游
跳到Divi并开始设计网站很容易。我们在界面中构建了有用的产品教程，允许初学者在使用生成器时学习。产品之旅对客户来说也很好，节省了设计师将网站交给客户的时间。
了解更多信息
播放视频
Divi产品之旅
主题生成器
设计您的整个网站，而不仅仅是帖子和页面
享受一个功能齐全的网站模板系统，它利用Divi的Visual Builder的强大功能来设计网站的页眉、页脚、产品模板、帖子模板、类别页面、404页面等。
探索所有DIVI主题生成器功能
播放视频
Divi主题生成器
页眉和页脚生成器
使用主题生成器，您可以使用Divi的许多模块和布局选项为网站的任何部分创建自定义页眉和页脚。
示例1
示例2
示例3
页眉和页脚生成器
发布产品模板生成器（&P）
使用Divi的主题生成器，您可以创建站点范围的帖子和产品模板，以更改整个网站的帖子结构。你不需要用Divi一次设计一篇帖子，也不需要编写儿童主题来修改主题的结构。一切都可以在生成器中设计，帖子信息可以使用Divi的动态内容系统自动显示。
示例1
示例2
示例3
岗位和产品生成器
在网站前端设计一切
使用Divi编辑页面或帖子时，您可以自定义所看到的一切，包括模板！这意味着您可以通过一次视觉编辑体验在上下文中编辑页眉和页脚。无需来回跳转到主题布德。
了解更多信息
观看视频
全球网站样式
通过编辑任何元素的默认设计，使用自己的总体设计系统自定义网站。当您修改模块的默认设计时，它会立即在整个网站上更新。网站范围的主题建筑加上网站范围的设计编辑是终极组合。
了解更多信息
播放视频
全局颜色
Divi允许您为网站创建全局调色板。这些全局颜色是动态的，可以随时更改。这允许您在短短几分钟内快速转换网站的配色方案。这比使用静态颜色设计网站要好得多。
Divi云
Divi网站的Dropbox
当您将某些内容保存到Divi Cloud时，您和您的客户的所有网站都可以在您创建这些网站时使用这些内容。
了解更多信息
观看视频
Divi云
保存到云
将所有喜爱的Divi布局、页眉、页脚和内容块保存到Divi Cloud
随时随地访问
当您启动一个新网站时，您的所有云项目都在Visual Builder中等待您
组织和浏览
通过每个版面的类别、文件夹和自动生成的屏幕截图，可以轻松浏览项目
经营
用户角色、主题选项和网站支持
Divi提供了一整套主题选项，使您的网站易于管理。
单击即可浏览文档、获得技术支持和启用远程访问
Divi支持中心帮助您使用系统状态检查来微调网站。您可以通过单击启用远程访问，以允许我们的支持团队登录到您的网站并解决您遇到的任何问题。您还可以切换Divi安全模式，以快速安全地绕过与第三方插件的任何冲突。
了解更多信息
播放视频
系统状态支持中心
为团队或客户端设置自定义用户角色和权限
Divi附带了一个角色编辑器，您可以使用它来限制对生成器中某些内容的访问。例如，您可能希望限制客户修改设计的能力，但允许他们在完全设计的页面中更改文本内容。它简化了客户的体验，并让网站设计者掌控一切。
了解更多信息
播放视频
Divi角色编辑器
使用Divi主题选项轻松设置主题并完全控制主题
Divi提供了大量的主题选项和主题定制设置。所有Divi设置都可以在Divi主题选项面板中轻松管理。
了解更多信息
播放视频
Divi角色编辑器
全球的
翻译成32种语言
不仅转换了前端元素，我们还扩展了主题的本地化，以涵盖Divi Builder界面，包括所有表单字段和描述。当您在WordPress Dashboard中启用RTL语言时，Divi和网站前端将自动切换到RTL模式。
TranslatedRTL支持
可扩展性
访问100个Divi扩展或创建自己的
Divi不仅仅是一个主题，也不仅仅是一种框架。这是一个由数十万设计师和开发人员组成的社区，其中充满了令人惊叹的第三方扩展、儿童主题和布局，以帮助Divi进一步发展。
Divi角色编辑器
Divi市场
查找数百个第三方模块、主题和布局
Divi本身是惊人的，但它也得到了蓬勃发展的开发者和设计师社区的支持（就像WordPress一样）！在Divi Marketplace中，您将发现大量免费和优质产品，这些产品将帮助您建立独特的网站。
浏览产品
成为卖家
第三方Divi API第三方Divi API
发展
开发者们欢欣鼓舞！以新的和令人兴奋的方式扩展潜水
Divi不仅仅是一个主题，它是一个由繁荣和热情的社区支持的完整的网络设计框架。我们相信可扩展性和开源开发生态系统的培育。这就是为什么我们创建了Divi开发人员API，允许开发人员创建自定义Divi模块等。
