您讨厌Divi 4以及我们如何在Divi 5中修复它们的事情

已发表: 2025-06-23

Divi已成为领先的WordPress主题和页面构建器,它通过其多功能设计选项和直观的视觉构建器为近100万个网站提供动力。它的受欢迎程度的提高源于其易用性和创建令人惊叹的专业网站而无需大量编码的能力。但是,我们知道Divi 4并不完美。

通过论坛,社交媒体和我们的研究的用户反馈,我们大声又清晰地听到了您的挫败感。性能问题,过时的代码库,一个笨拙的界面和有限的设计灵活性在Divi 5中是过去的。这些见解塑造了Divi 5的演变,并且对Divi的核心的完整重写是我们如何正面解决这些疼痛点。

在这篇文章中,我们将讨论Divi 4最常见的批评,并解释Divi 5如何提供更快,更可扩展和现代的解决方案。

Divi 5已准备好在新网站上使用,但我们不建议将现有网站转换为Divi 5。

目录
  • 1 divi 5:我们在哪里,什么是新的
    • 1.1 Divi 5中的主要新功能
  • 2关于Divi的常见投诉
    • 2.1 1。性能和速度问题
    • 2.2 2。过时的基于快速代码的系统
    • 2.3 3。笨拙的界面
    • 2.4 4。有限的高级布局功能
    • 2.5 5。有限的博客模块和画廊模块自定义
    • 2.6 6。落后于竞争者的感知
  • 3 Divi的未来5
  • 4拥抱Divi的演变

Divi 5:我们在哪里,什么是新的

Divi 5

Divi 5处于其公共Alpha阶段,这是一个主要的里程碑,邀请用户在新网站构建中测试新功能。在完整发布之前,此阶段使您可以探索经过改进的视觉构建器,提高速度并增强了Divi 5的设计灵活性。我们致力于连续更新,以确保您的输入驱动的持续改进。当我们致力于Q4 2025 - Q1 2026的全部版本时,我们将添加新功能并确定纠结。

Divi 5中的主要新功能

  • 现代代码库: Divi 5提供了更快,更响应的视觉构建器,仅通过加载所需的模块来消除Divi 4的代码膨胀。
  • 没有更多的短代码:与Divi 5中的短代码说再见。建立在基于HTML-5的系统上,Divi 5 Slashes Bugs,Boosts兼容性以及与现代WordPress标准的一致。
  • 增强的视觉构建器: Visual Builder的UI已通过浅色和深色模式,可停靠的面板,标签窗户,键盘快捷键以及更直观的层视图,并带有面包屑,可轻松导航。
  • 嵌套行和模块组:创建具有无限嵌套和模块组的嵌套行的复杂,响应的布局,作为多功能,可重复使用的容器。
  • Divi AI: Divi AI已完全集成到Divi 5的公共alpha阶段中,从而带来了生成文本,代码,图像,部分和完整布局的能力。
  • 可自定义的响应式断点: Divi 5引入了七个可调节的断点(与Divi 4中的三个),以使您对响应式设计进行精确的控制,从而确保每个设备上的布局闪耀。
  • 基于预设的设计: Divi 5引入了一种基于预设的设计方法,使用户可以创建元素预设和选项组预设,从而提供对网站外观和感觉的更多控制。
  • 设计变量:使用Divi 5的新变量管理器使用设计变量来创建全局默认值。
  • 属性管理: Divi 5的新属性管理系统允许用户复制,粘贴和重置样式和内容设置,以促进整个Divi网站的设计一致性。
  • 高级单位: Divi 5在Divi 4中的大众,VH,REM和EM等单元上扩展,以包括calc()和clamp()等高级单元,用于间距和排版,以及CSS单元,例如Min,Max,Max,Unsot等。

Divi 5的公共alpha是您体验更聪明,更快,更灵活的Divi的机会。

下载Divi 5了解有关Divi 5的更多信息

关于Divi的常见投诉

根据用户洞察力和我们的研究,我们确定了Divi 4的最常见用户挫败感,以及Divi 5如何直接解决这些问题。在下面,我们概述了这些痛点以及Divi 5如何解决它们。

1。性能和速度问题

Divi 4的视觉构建器比您想要的要慢,由于Divi 4的基础架构,复杂的页面需要更长的加载,这使得很难扩展。我们从用户那里看到的一个普遍投诉是,在编辑过程中,视觉构建器滞后,充满了不必要的动画,并且需要时间交换断点。

结果,使用Divi 4的设计页面可能需要更长的更长的用户。

Divi 5如何解决问题

Divi 5是从头开始构建的,以精简和模块化,仅加载您使用的模块和功能。这消除了不必要的处理,从而使视觉构建器更快,响应速度更快。通过采用与Gutenberg相同的基于HTML-5的存储格式,Divi 5完全删除了快捷代码处理(除非在向后兼容模式下 - 请参见下文),以确保具有活泼的编辑体验和更快的页面负载。

我们还修改了模块设置的处理方式,因此前端输出仅定制样式和标记,从而使情况有效。 Divi 5的New Foundation拥有十多年来的经验,提供了一种顺利,准备就绪的表演,测试者在公共Alpha阶段的速度和流动性赞美。

向后兼容模式的Divi 5

对于具有Legacy Divi 4基于快速代码的模块的页面,Divi 5可确保它们通过将Divi 4框架与流线型Divi 5系统一起加载来正确渲染。这优先考虑兼容性,但可能会稍微影响性能。为了保持效率,Divi 4框架仅在带有旧模块的页面上加载,因此您的其余网站完全受益于Divi 5的速度提高。

2。基于快速代码的系统

Divi 4对短码的依赖会与现代WordPress产生兼容性问题,从而导致诸如复杂主题开关之类的挫败感。使用Divi 4,很难切换到另一个主题,通常需要用户在远离Divi时从头开始重建站点。

当Divi 4停用时,内容将包裹在主题产生的短码中,从而使开关主题变得困难又繁琐。这有助于潜在的Divi用户找到更多现代应用程序,例如砖或Gutenberg,以便在必要主题开关时进行清洁过渡。

Divi 4页短代码

Divi 5如何解决问题

Divi 5消除了短代码,采用了与WordPress块编辑器一致的干净基于HTML-5的存储格式。这种转变可减少错误,简化迁移并确保未来的可扩展性。 Elegant Themes的不和谐社区反馈报告了在Alpha测试期间没有与快捷代码相关的错误的平滑主题过渡。

3。笨拙的界面

Divi 4的视觉构建器经常因其繁琐的用户体验而受到批评,这需要过多的点击并减慢设计过程。图层视图是一种关键的导航工具,是混乱而又不可扩展的,因此很难有效地管理复杂的布局。用户,尤其是初学者,通过需要时间和耐心的学习曲线发现界面不直觉。

笨拙的界面增加了设计时间,这可能会增加挫败感。初学者很难找到设置或理解工作流程,而经验丰富的用户则浪费时间导航嵌套菜单,而这些图层视图弹出窗口,在设计时必须在布局周围永久移动。这可以降低生产力和寻求更简化体验的用户。

Divi 5如何解决问题

Divi 5通过旨在最大程度地降低摩擦并提高生产力的时尚,以用户为中心的UI来改变视觉构建器。例如,诸如Dockable面板之类的工具允许用户固定经常使用的设置,并且标签窗口使浏览模块选项更加容易。此外,改建的层视图现在是紧凑且可扩展的,现在有一个面包屑功能,可以使您更容易导航布局而不会丢失嵌套结构。

这些变化创造了一种流畅,响应迅速的编辑体验,感觉现代有效。

4。有限的高级布局功能

Divi 4的布局系统是设计师的重要痛苦点。它缺乏现代的Flexbox支持,并依靠限制创意自由的僵化的行结构。建立复杂的布局,例如动态投资组合,错综复杂的定价表或多列设计,通常需要使用专业部分,自定义CSS或其他解决方法,而与其他建筑商相比,它们感觉已经过时了。这种刚性扼杀了创造力,迫使用户克服局限性,以实现现代,视觉上精致的设计。

Divi 4专业部分

Divi 4中缺乏灵活的布局工具迫使设计师在定制解决方案上花费更多的时间来获得预期的结果,从而大大增加了开发时间和挫败感。这使Divi对Elementor和Bricks等竞争对手的劣势,这些竞争对手提供了更高级的布局功能。对于旨在创建响应迅速,复杂布局而无需编码的用户,Divi 4通常会感到限制和耗时。

Divi 5如何解决问题

Divi 5使用新功能重新定义了设计灵活性,使用户可以创建复杂的现代布局而无需触摸一系列代码(除非这是您的事)。嵌套行的引入允许无限嵌套,使设计人员可以为画廊,团队成员展示柜等建造多层行结构等。

划分5嵌套行

模块组充当多功能容器,提供高级样式选项,以创建凝聚力,视觉动态的部分。

Divi 5模块组

七个可自定义的断点提供了对响应式设计的颗粒状控制,可确保从手机到宽屏台式机的设备上完美的布局。

Divi 5可自定义的断点

尽管尚未引入Flexbox支持,但我们为其奠定了基础,因此希望很快将其发​​布。增加对Flexbox的支持将进一步提高布局精度和灵活性,并与模块组并驾齐驱,以保持设计清洁和重复使用。

其他功能(例如高级单元)包括Calc()和Clamp()等CSS功能,而设计变量则使侧面范围的样式保持一致性,并最少。

Divi 5设计变量

通过让用户复制,粘贴或重置样式跨元素来归因于管理工作流,从而大大缩短了设计时间。

Divi 5属性管理

这些工具使Divi 5成为创建精致,响应迅速的设计,它们在直观的环境中都与竞争者相抗衡。

5。有限的博客模块和画廊模块自定义

Divi 4的博客和画廊模块缺乏对现代,动态设计的灵活性,迫使用户依靠第三方插件或自定义代码来创建诸如砌体网格,自定义邮政供稿或风格化画廊显示器之类的布局。这种限制阻碍用户在没有其他工具的情况下实现独特的,视觉上吸引人的内容演示文稿。

用户面临额外的成本,并花费大量时间在解决方法上,使那些在Divi中寻求本地无缝解决方案的人感到沮丧。对第三方插件的依赖使工作流程复杂化,并破坏了Divi的多合一吸引力,尤其是与提供更健壮的内容自定义选项的竞争对手相比。

Divi 5如何解决问题

Divi 5通过即将到来的查询循环构建器解决了博客和画廊模块的限制,这将改变用户使用Divi创建和样式动态内容的方式。 LOOP构建器允许用户使用Divi的整个模块套件在Visual Builder中使用Divi的整个模块构建任何帖子类型,包括博客,画廊和项目。

自定义循环允许设计人员创建用于重复内容的模板,例如砌体网格或动态帖子提要,而无需插件或编码。例如,用户可以构建具有图像模块,文本模块和按钮的混合物的事件布局,然后将其应用于事件循环,控制通过查询选项出现的帖子。您还可以合并模块组和嵌套行,以创建完美样式(和可重复使用的)布局,以使用样式展示您的内容。

6。落后于竞争者的感知

在优雅的主题中,我们致力于提供随着用户和WordPress生态系统需求而发展的网页设计体验。有些人想知道Divi是否可以跟上页面构建者的快节奏世界。答案是肯定的,我们的做法比以往任何时候都更快。

Divi 5如何解决问题

经过两年的重密度重构,我们通过现代建筑从头开始重建Divi,使我们在未来几年内超过竞争。大修使我们每1-2周推出新功能,从而为用户提供速度,灵活性和创新。我们加速的开发周期意味着您不仅要获得符合当今标准的页面构建器。您将获得一个始终领先的一步。

Divi 5的较快的视觉构建器和前端渲染,再加上与WordPress的块编辑器的完全兼容性,可确保无缝且防止未来的设计体验。诸如设计变量之类的功能使您可以单击一键进行范围内的样式更改。

Divi 5高级单位

同时,基于预设的设计通过启用一致的模块样式来简化工作流程,无论是通过整个模块的元素预设还是用于Border Styles(例如边框样式)的可重复使用设置的选项组预设。

Divi 5凭借现代的代码库和功能发行的快速步伐,不仅赶上了。它正在为页面构建器的标准设置标准。

Divi 5的未来

Divi 5 Public Alpha激发了测试人员的热情,他们对其变革性进步感到满意。早期采用者称赞更快的视觉构建器,将其描述为其前身的剧烈更新。嵌套行和模块组之类的功能使复杂的布局成为可能,而Divi AI生成内容和布局的能力则具有节省时间的潜力。但是,我们意识到有些用户正在等待完整的Flexbox支持,查询循环构建器以及即将到来的功能,然后再使用Divi 5。

我们与社区深入互动。首先,我们积极回应反馈。我们正在合并用户驱动的功能。这种协作方法可确保Divi 5的发展以满足我们用户的需求。

缺乏确认的发布日期会推迟一些,我们明白了。但是,我们希望提供最佳的Divi版本,这需要时间。当前,我们正在积极发布新功能,修复错误和扫描用户输入以进行更多改进。

因此,我们邀请您下载Divi 5 Public Alpha,在新项目上测试其强大的功能,并通过我们的销售/支持聊天,社交媒体平台分享您的反馈,或者通过对我们与Divi 5相关的博客文章发表评论。您的意见对于塑造最终版本至关重要,有助于确保Divi 5满足并超出期望。因此,潜入并帮助我们建立WordPress的未来。

拥抱Divi的演变

Divi 5标志着一个重大的飞跃,直接通过现代化的,以用户为中心的方法直接解决有关Divi 4的关键投诉。它通过更快的视觉构建器和改进的前端渲染来解决性能问题。另外,它通过利用现代框架来消除短代码,并提供具有直观导航的简化UI。由于Divi 5的新功能和Flexbox支持的基础基础,设计人员还将找到大量改进的布局灵活性。 Divi 5的进步将使您能够在更少的时间内轻松创建复杂的响应式布局。

我们了解您目前是否在采用Divi 5的栅栏上。但是,它功能齐全且为新项目做好准备。如果您正在启动一个不需要第三方集成的新项目,我们鼓励您探索Divi 5并加入我们的互动社区。您的反馈对于Divi 5的持续发展至关重要,并将直接塑造其最终版本。

下载Divi 5了解有关Divi 5的更多信息