我们 2019 年的 10 大 Divi 教程
已发表: 2020-01-01今年是 Elegant Themes 博客上 Divi 内容最大的一年。 我们发布了数百篇帖子,其中包括一些我们有史以来最好的教程。 在这篇文章中,我想借此机会通过突出我们十个最受欢迎(一年中访问量最大)的 Divi 教程来突出我们编辑人员的出色工作。 当然,要提醒大家,社区,我们有一些最好的 Divi 资源可供您使用。
我们 2019 年的 10 大 Divi 教程
1.加速你的Divi网站的终极指南

事实上,Divi 在之前的更新中添加了许多性能增强功能,使 Divi 站点(和 Divi Builder)的运行速度比以往任何时候都快。 此外,Divi 在构建时考虑了第三方优化。 许多用于 WordPress 的性能优化插件也可用于提高 Divi 网站的速度性能。
在这篇文章中,我们将探讨已经为加速 Divi 所做的工作以及我们可以做些什么来使其更快。
阅读这篇文章
2. 如何使用 Divi 或 Extra 和 WPML 创建多语言网站

使用 Divi 和 Extra 创建多语言网站很容易。 WPML 都已准备就绪,这意味着您可以使用 Divi 和 Extra 创建多语言网站。 WPML 进行了更改以提高与 Divi 和 Extra 的兼容性,并添加了一些功能,使您的网站翻译变得更加容易。 在本文中,我们将看到如何使用 Divi 或 Extra 和 WPML 创建多语言网站。
阅读这篇文章
3. 您可以使用内置设置实现的 5 种创意 Divi 标题模块样式

开箱即用,Divi Header Module 只需进行少量调整即可创建引人注目的标题设计。 这使它成为在 Divi 中为您的网站设计标题时非常流行的模块。 通过一些开箱即用的思考,您可以仅使用内置设置(无自定义 CSS)创建一些真正独特的设计。 因此,对于那些想要探索一些新标题设计的人,我将向您展示 5 种可能会激发您灵感的 Divi 标题模块样式。
阅读这篇文章
4.在不同断点处更改Divi Gallery模块中的列数

Divi Gallery 模块允许您在响应式网格布局中创建漂亮的图片库。 图库被认为是响应式的,因为它会根据不同的浏览器宽度缩放图像的大小并调整网格中的列数。
默认情况下,gallery 模块具有三个断点(样式在特定浏览器宽度发生变化的点),用于调整网格中的列数。 它将在桌面上以四列显示您的图片库,然后在平板电脑上分成三列,在小型平板电脑(和大型手机)上分成两列,在手机上分成一列。
此默认设置通常适用于大多数情况,但有时您可能需要对某些浏览器宽度上显示的列数进行更多控制。 这就是为什么在本教程中,我们将向您展示如何完全控制 Divi Gallery 模块中显示的列数,不仅适用于桌面,还适用于三个额外的浏览器断点。
阅读这篇文章
5. 如何使用 Divi 的 Theme Builder 创建自定义全局标题

既然主题生成器就在这里,我们迫不及待地想深入了解新教程,这些教程将帮助您从头到尾设置您的网站。这包括使用 Divi 的内置选项创建自定义标题。 在本教程中,我们将专注于使用 Divi 的 Theme Builder 创建全局标题。 除非您为该页面或帖子分配了不同的标题,否则全局标题将显示在您网站上的任何地方。
阅读这篇文章
6.如何在没有插件的情况下在Divi中创建带有任何模块的翻转卡片


翻转卡片是用户与您的网站互动的一种有趣方式。 它不仅提供了一个很酷的翻转动画,还允许您在一个简洁的位置提供附加信息。 在本教程中,我将向您展示如何在不使用插件的情况下将 Divi Modules 变成翻转卡! 使用这种方法,您将能够将一个 Divi 模块用作卡的正面,将另一个 Divi 模块用作卡的背面。 您甚至可以使用 divi builder 随意设计每个模块(正面和背面)。 该功能仅通过几个 CSS 片段(无 jquery)即可完成。
阅读这篇文章
7. 在 Divi 中展示公司标志的简单而有创意的方式

在您的网站上显示公司徽标的原因有很多。 公司徽标的“精选”部分可能会影响潜在投资者或合作伙伴。 或者“我们的客户包括”部分可以为访问者建立有价值的社会证明。 但无论是什么原因,重要的是要知道如何将这些徽标添加到您的网站。 在本教程中,我将介绍使用 Divi 将公司徽标添加到您的网站的三种不同方法。 我什至会向您展示如何将徽标画廊添加到任何 Divi 模块!
阅读这篇文章
8. 为 Divi 的推荐模块设计风格的 5 种奇妙方式

访问者总是在网站上寻找的一件事是推荐。 它们代表可信度并影响潜在客户访问您的网站时的决策过程。 除了确保您有强有力的推荐书可以分享,使它们具有视觉吸引力也很重要。 在这篇文章中,我们将向您展示 5 种奇妙的方式,您可以在仅使用内置选项的情况下设置 Divi 推荐模块的样式。
阅读这篇文章
9. 如何自定义您的 Divi 滑块以更改每张幻灯片的特定元素

我们都知道滑块非常适合最大化您网站的首屏部分。 他们都是伟大的! 用户受到多个 CTA 和重要功能的欢迎,这些功能无需向下滚动页面即可滑入视图。 但是,有时从幻灯片到幻灯片的设计和内容变化过多会分散访问者的注意力或使访问者不知所措。 这就是为什么在本教程中,我将向您展示如何自定义您的 Divi 滑块以仅更改每个幻灯片过渡的特定元素。 这使您可以保持滑块的核心内容和设计组件一致,而您只更改每张幻灯片的特定元素(如单个单词或按钮)。 访问者将能够轻松处理更改并清楚地了解您的号召性用语。
阅读这篇文章
10. 如何在 Divi 中创建自定义照片库滑块

我们都知道滑块非常适合在折叠上方一个方便的位置通过特色服务、产品或页面来吸引用户。 一些网站(我认为是摄影师)需要在主页上展示他们的一个或多个照片库。 为此使用滑块可能是一个不错的选择。 但是,您可能没有考虑过像这样在滑块中展示您的照片库。
在本教程中,我将向您展示一种将 Divi 图像画廊嵌入到幻灯片中的简单方法,以在 Divi 中创建一个完全自定义的照片画廊滑块。 诀窍是在滑块的内容区域中创建一个 WordPress 图片库。 然后,您只需要确保并选择使用 Divi Gallery 而不是默认的 WordPress Gallery 样式的选项。 实施起来超级简单有趣。
阅读这篇文章
综上所述
每年我们关注的 Divi 内容类型在很大程度上取决于发布了哪些新功能。 我们认为最好通过许多新教程来赞美新功能的发布,这些教程教人们如何使用它,甚至以有趣的方式将这些功能推向极限。 然而,这种方法意味着我们跳来跳去,可能会留下一些未涵盖的主题。 因此,如果您有一个 Divi 教程请求,我们可以在新的一年为您解决,请在下面的评论部分中分享,我们会将其添加到队列中!
特色图片来自霍比特人/shutterstock.com
