WordPress divi主题

古腾堡和新的 Divi Builder 体验

by | May 16, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

变化的季节即将来临。 最近到来的 WordPress 5.0 引入了一个全新的块编辑器(又名古腾堡)。 而且,我们新的 Divi Builder Experience 的发布不仅提供了与 Gutenberg 的平滑集成,而且还升级了使用 Divi 设计网站的整个体验。

google广告开户

这些新的变化无疑会给 Divi 和 Gutenberg 如何协同工作以及如何在所有这些变化中最好地使用 Divi 带来一些担忧和困惑。 本教程旨在通过引导您了解可用选项以及在 WordPress 5.0 上成功启动和运行新的 Divi Builder 体验所需的步骤来减轻变化带来的冲击。

对于那些尚未准备好接受 Gutenberg 或新的 Divi Builder 体验的人,请不要担心。 我将讨论可供您使用的选项,以确保一切正常。 对于那些准备冒险进入令人兴奋的未知世界的人,本指南将帮助您找到道路。

以下是我将在本教程中介绍的内容:

升级到 WordPress 5.0 时安装最新版本 Divi 的重要性

最新版本的 Divi 与 WordPress 5.0 兼容。 因此,如果您要升级到 WordPress 5.0,请确保您也将 Divi 更新到 3.18+。 这个新版本解决了与新 Gutenberg 块编辑器的许多兼容性问题。 如果您保留旧版本的 Divi,则在升级之前,您将无法访问 Divi Builder 和其他页面设置。

Extra、Bloom、Monarch 和 Divi Builder 插件的最新版本也与 WordPress 5.0 兼容,因此最好在升级时也更新它们。

默认情况下,新的 Divi Builder 如何与 Gutenberg 一起使用

一旦您更新到 WordPress 5.0 并安装 Divi 3.18(最新版本),您就可以开始构建您的网站了。 如果您添加一个新页面,您将看到一个弹出窗口,允许您使用 Divi Builder 或默认的 WordPress 编辑器(现在是 Gutenberg)。 只需单击“使用 Divi Builder”。

您会注意到您将直接进入前端的 Visual Builder。

WordPress divi主题

如果您退出 Visual Builder 并在后端编辑页面,您将看到没有可用的 Classic Divi Builder。 您只能选择在前端启动 Divi Builder。

这是因为 WordPress 5.0 删除了经典编辑器并用块编辑器 (Gutenberg) 取而代之。 因此,所有连接的应用程序,包括 Classic Divi Builder,都已被删除。 简而言之,没有 Classic WordPress 编辑器就没有 Classic Divi Builder。

如何使用 WordPress 5.0 在后端激活新的 Divi Builder(首选方法)

为了在后端访问新的 Divi Builder,只需单击几下。 从您的 WordPress 仪表板,导航到 Divi > 主题选项。 在那里,单击 Builder 选项卡。 在生成器选项下,单击高级选项卡。 在那里,您将找到启用最新 Divi Builder 体验和启用经典 (WordPress) 编辑器的选项。 您需要启用这两个选项才能在后端享受新的 Divi Builder. 然后单击保存更改。

注意:在 Divi 的主题选项中启用经典编辑器的选项取代了使用 WordPress 贡献者提供的经典编辑器插件的需要,以便那些尚未准备好使用古腾堡的人。

从主题选项启用最新的 Divi Builder 和经典编辑器后,您就可以开始使用新的 Divi Builder 体验构建您的页面了。

使用新的 Divi Backend Builder UI 编辑新页面

在 WordPress 经典编辑器上启用新的 Divi Builder 后,您将看到熟悉的“使用 Divi Builder”按钮。 像往常一样单击此按钮以部署 Divi Builder。

接下来从弹出的三个选项中选择您希望如何开始设计页面。

fiverr建站WordPress程序员

现在,您可以开始使用全新的 Divi Builder 体验了。 您会注意到新的 Divi Backend Builder 看起来类似于 Classic Backend Divi Builder,一些强大的新功能触手可及。

以下是一些值得注意的页面编辑器 UI 功能,可帮助您更好地了解新体验。

“在前端构建”按钮


“在前端构建”按钮取代了传统的“使用可视化构建器”按钮,但功能相同。 它将在前端部署 Divi Builder,以获得像以前一样的完整视觉构建体验。 这个按钮的措辞的主要原因是因为技术上没有更多的单独的视觉构建器。 现在只有一个 Divi Builder 可以在后端和前端访问。

独立站选品工具

视图模式现在在后端可用


新的 Divi Builder 将 Visual Builder 及其所有功能引入了后端。 现在您不必来回编辑您的页面。 要在后端激活可视化构建器体验,您可以在构建器顶部切换不同的视图模式。 默认情况下,线框视图模式处于活动状态,这很有意义,因为它与我们习惯看到的经典后端构建器的外观和感觉非常匹配。 但是,您可以切换不同的视图模式(台式机、平板电脑和智能手机),以便在后端直观地编辑页面(就像使用 Visual Builder 所做的那样),而无需离开页面。

新的 Divi Builder 用户界面


除了能够在后端切换不同的视图模式外,Divi Builder UI 在编辑页面时可以在后端无缝工作。 例如,当在后端编辑元素的设置时,设置模式可以移动到整个浏览器窗口中的任何位置,从而为您提供必要的间距以在后端进行编辑,同时实时查看您的更改。

切换回经典 Divi Builder

高质量外链购买

如果您还没有为新的 Divi Builder 体验做好准备,您仍然可以像以前一样使用 Classic Divi Builder。 最新版本的 Divi 采用了一种非常简单的方法来部署 Classic Divi Builder,该方法位于编辑页面时后端 Divi Builder UI 的底部。 在那里,您将看到一个链接,您只需单击一下即可切换回 Classic Divi Builder。

注意:您也可以在主题选项下切换到 Classic Divi Builder。 单击生成器选项卡,然后单击高级选项选项卡。 在那里,您可以找到启用或禁用最新 Divi Builder 体验的选项。 只需禁用此选项即可保持 Classic Divi Builder 与以前一样。 但请记住,为了在后端看到 Classic Divi Builder,您还必须确保并启用 Classic Editor 选项。

新的 Divi Builder 功能


新的 Divi Backend Builder 还包括以前仅在 Visual Builder 上可用的所有强大的新功能。 如果这还不够,您还可以通过这款新的 Divi Builder 获得一些全新的性能和可用性升级。 这些升级包括:

  • 使用缓存利用比以往更快地构建体验
  • 使用 React Portal 在所有视图模式下 100% 准确地描述您的页面
  • 在 Visual Builder 中的页面之间复制和粘贴的能力就像在 Classic Builder 中一样。

查看新的 Divi Builder 体验文章,了解有关可用的强大新功能的更多信息。

JasperAI 10000字免费额度试用

将经典 Divi Builder 与新 Divi 一起使用

如上所述,您可以通过使用新的 Divi Backend Builder 页面编辑器中提供的链接或通过在主题选项中禁用最新的 Divi Builder 来切换到使用 Classic Divi Builder。 进行切换后,后端页面编辑器看起来几乎与以前完全相同,只是做了一些小改动。 您会注意到旧的“使用可视化构建器”按钮现在显示为“在前端构建”,但功能仍然与以前相同。 您还可以选择通过单击后端 Divi Builder 底部提供的链接来切换到新的 Divi Builder。

请记住,Classic Divi Builder 仍将缺少 New Divi Builder 后端现在可用的所有新功能。

回顾与常见问题

我是否必须更新 Divi 或升级到 WordPress 5.0?

对于那些尚未准备好接受 Gutenberg 或新的 Divi Builder 体验的人,请不要担心。

WordPress备份工具updrafplus

您不需要更新到 WordPress 5.0,但如果您这样做,您还需要更新 Divi 以获取我们为 WP 5 支持提供的所有兼容性修复。
因此,如果您现在不想*必须*更新 Divi,那么您现在也不需要更新 WordPress。

我应该按什么顺序执行更新?

您不需要按特定顺序执行此操作,但如果您更新 WordPress 5.0,则需要确保并更新 Divi。

新的 Divi 体验将如何在旧版本的 WordPress 上运行?

就像以前一样,但是最新的 Divi 在后端包含了 New Divi Builder,其中包含曾经仅在 Visual Builder 上可用的所有新功能。

虫子呢?

我们正在积极关注由于 Gutenberg 带来的重大变化的性质而出现的任何错误,并且我们正在发布错误修复版本(基本上每天),以确保事情尽可能稳定。

现在 Guteberg 在这里,我必须使用 Visual Builder 吗?

不,您现在可以在后端使用 New Divi Builder,它带有所有以前仅在 Visual Builder 上可用的新功能。
(见上文:如何使用 WordPress 5.0 在后端激活新的 Divi Builder(首选方法))

旧的(熟悉的)经典 Divi 后端构建器在哪里?

后端的新 Divi Builder 具有 Classic Divi Builder 的所有熟悉功能和感觉以及所有“Visual Builder”类型功能等等。 但是,新的 Divi Builder 允许您随时从后端页面编辑器切换回 Classic Divi Builder。

(见上文:切换回经典 Divi Builder)

我可以同时使用 Gutenberg 和 Divi Builder 吗?

它们都是“页面构建器”,因此您需要选择其中一个。 但是,我们正在开发令人兴奋的集成(即将推出),您可以在其中使用您最喜欢的 Gutenberg 模块,或在 Divi Builder 中使用任何已注册的 Gutenberg 块。

最后的想法

对于大多数人来说,仅古腾堡的推出就有点让人不知所措。 我们熟悉的 WordPress 页面编辑器是完全不同的! 但是,值得庆幸的是,我们新的 Divi Builder 体验的发布与 Gutenberg 顺利集成,让您可以保留您喜爱的熟悉 UI。 借助后端现在提供的所有强大功能,Divi Builder 比以往任何时候都更快、更可靠。

我期待在下面的评论中听到您对古腾堡新 Divi Builder 体验的看法。

干杯!

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题