️ 节省时间的技巧:使用 AI 简化 Divi 网站开发

已发表: 2023-12-02

我们的 Divi 网络星期一促销旨在为您提供快速高效地构建令人惊叹的网站所需的产品的最优惠价格。 这就是为什么今天我们很高兴分享一些节省时间的技巧,以使用 Divi 最强大的功能之一 — Divi AI 更快地构建 Divi 网站。 但在我们探索 Divi AI 快速 Web 开发的强大功能之前,我们先简要介绍一下今天仍然可用的网络星期一优惠。

目录
  • 1疯狂的网络星期一优惠仍然存在
    • 1.1 Divi AI 44折还剩9天
  • 2 Divi AI 简化 Web 开发的力量
    • 2.1 Divi AI 有何独特功效?
  • 3利用 AI 简化 Divi Web 开发的 15 个省时技巧
    • 3.1 1. 利用AI快速改造预制布局
    • 3.2 2. 添加网站标题和标语以帮助 Divi AI 了解您的网站
    • 3.3 3.让Divi AI为您建议提示
    • 3.4 4. 单击文本翻译
    • 3.5 5.用关键词丰富内容
    • 3.6 6. 用有用的内容替换 Lorem Ipsum
    • 3.7 7. 将 Divi 优化的 CSS 样式添加到任何模块
    • 3.8 8. 为整个 Divi 模块自动生成内容
    • 3.9 9. 使用参考图像细化图像
    • 3.10 10. 使用 Divi AI 快速操作生成干净且兼容的代码
    • 3.11 11. 为更多元素和功能生成自定义代码片段
    • 3.12 12. 理想分辨率的高档图像
    • 3.13 13. 创建完美尺寸的图像
    • 3.14 14.根据页面上下文获取图像建议
    • 3.15 15. 将AI代码片段保存到Divi Cloud以便即时访问
  • 4 Divi AI 无限生成 AI
  • 5购买 Divi AI 捆绑包,享受更多优惠!
  • 6敬请期待! 明天 24 小时独家抽奖。

疯狂的网络星期一优惠仍然存在

距离我们的网络星期一促销结束仅剩几天了。 然而,我们仍然在整个 Divi 生态系统中提供最大幅度的折扣:Divi 和 Divi 帐户升级可享受25% 的折扣,Divi Cloud、Divi Teams、Divi VIP 和 Divi AI 可以享受44% 的折扣,部分 Divi 产品可享受高达62% 的折扣捆绑包,以及 Divi Marketplace 的大幅折扣,包括我们的独家市场捆绑包。 不要忘记,参与我们网络星期一促销的每个人都将在每次符合资格的购买中获得免费奖品、解锁秘密折扣和独家网站包!

带我去拍卖会

距离 Divi AI 44% 折扣还有 9 天

任何在网络星期一促销期间购买 Divi AI 订阅的人都将获得 44% 的折扣。 这意味着您无需支付 Divi AI 会员资格的全部费用。 此外,您还可以无限制地生成所需的 AI 内容、图像或代码。 像 Divi AI 这样的优质人工智能工具的价格肯定会在某个时候上涨,所以您不想错过这个锁定终生储蓄的机会。

享受 Divi AI 44% 折扣

Divi AI 简化 Web 开发的力量

迪维人工智能

Divi AI 是集成到 Divi Builder 中的强大 AI 助手,通过提供三个强大的 AI 生成器来增强 WordPress 网站创建:Divi Text AI、Divi Image AI 和 Divi Code AI。 以下是每项的简要概述。

迪维文本人工智能

Divi Text AI 是一款数字写作伴侣,可以从头开始创建网站副本或完善现有内容。 这个工具可以快速生成标题、段落,甚至博客文章。 此外,Divi Text AI 充当专业的文案编辑器,允许调整语气、长度和清晰度,以帮助您更有效地吸引受众。

迪维图像AI

Divi Image AI 消除了库存图像搜索和复杂图像编辑的需要。 只需单击一次即可使用自然语言界面生成各种图像来匹配您网站的品牌。 此外,Divi Image AI 可以转换现有图像,调整其风格或主题以更好地适应网站的上下文,甚至可以将图像升级到更高分辨率,以便在各种设备上显示更清晰的效果。

迪维代码AI

Divi Code AI 是您轻松定制 Divi 网站的关键。 它充当 Divi 的个人 Web 开发人员,可以在 Visual Builder 中编写代码并生成自定义 CSS。 它经过 Divi 模块代码库的明确训练,可以有效地解释用户提示以创建自定义 HTML、CSS 和 JavaScript 元素。 此外,只需单击一个按钮,您就可以通过新功能、正确的格式和浏览器兼容性来改进现有代码。

是什么让 Divi AI 具有独特的功效?

Divi AI 对于利用 AI 简化网站创建流程具有独特的功效。 以下是 Divi AI 脱颖而出的几个方面:

  • Divi 网站的一键式人工智能内容生成。 您不需要提示 Divi AI 为您的网站生成内容。 您可以选择自动创建文本或图像。 您甚至可以一键生成充满内容的整个模块。
  • 可在 Visual Builder 和 Divi 模块中访问。 您可以使用 Divi AI 在 Divi 的 Visual Builder 中实时生成 AI 内容。 这使您可以在设计页面时动态生成 AI 文本和图像,使其成为比使用其他第三方 AI 工具来回跳转更方便的解决方案。
  • 在适当的上下文中为您的网站生成内容:与独立的 AI 工具不同,Divi AI 可以理解您的 Divi 网站的上下文。 它可以分析您网站的风格、内容和结构,提供与您现有内容和设计相符的建议和创作。
  • 简化的设计流程:人工智能的力量减少了花在平凡任务上的时间。 从生成引人注目的副本到建议设计元素,Divi AI 加速您的工作流程,让您专注于网页设计的创意方面。
  • 易于使用的提示和快速操作。 Divi 消除了提示人工智能生成适合您网站的内容的繁重工作。 您可以编写详细的提示或让 Divi AI 生成建议的提示。

简而言之,Divi AI 就像您的私人助理,随时可以生成文本、图像和代码,以简化构建特定于您的品牌和需求的网站。

获取迪维AI

利用 AI 简化 Divi Web 开发的 15 个省时技巧

我们确信您对 Divi AI 如何节省时间感到好奇。 我们希望向您提供 15 种我们看到用户缩短新网站构建时间的方法。 这些技巧都经过测试并保证可以加快您的开发时间。 我们列举了一些简单的示例,以便您可以直观地了解如何在使用 Divi AI 构建网站时节省时间并赚更多钱。

1. 利用 AI 快速转换预制布局

在构建 Divi 网站时,使用预制布局是节省时间和金钱的最佳方法之一。 并非每个网站都需要从空白屏幕制作。 值得庆幸的是,Divi 拥有超过 2,400 个免费布局,以及 Divi Marketplace 中的更多布局。

Divi 预制布局

将 Divi AI 与页面布局结合使用的好处是您可以快速自定义任何给定的设计。 并非每个布局都会完美匹配,但 Divi AI 可以帮助您快速对其进行改造以适合您的品牌。 这可以让您在网站上获得所需的专业品质,同时花费更少的时间、精力和金钱。

例如,一家咖啡店可能喜欢我们的面包店布局,但显然,图像会略有偏差,尽管整体感觉是存在的。 Divi AI 允许您快速将面包店的现有图像转换为咖啡店的图像。 使用布局图像作为参考图像可以保留原件的情绪和色彩构成,同时创建更适合用途的内容。

您可以对预制布局上的任何图像执行此操作。 打开图像设置并选择“使用 AI 生成图像”。 参考图像应该已经存在。 之后,给出一个简单的文字提示你想要将图像转换成什么,并将参考图像影响力调整到20%左右。 这将为您提供一个全新的图像,保持参考图像的原始风格。

使用 divi-ai 变换图像

对整个布局中的所有图像重复这些步骤,您的页面设计就会取得显着的进步。 这是将 Divi Bakery Layout Pack 布局转换为咖啡店的新页面设计的插图。

使用 divi-ai 变换预制布局

任何布局都可以通过 Divi AI 快速转换,这使得我们丰富的免费布局库变得更加有价值。

2. 添加网站标题和标语以帮助 Divi AI 了解您的网站

Divi AI 了解您的网站并使用该信息作为其内容生成的上下文。 假设您使用以下信息创建一个网站:网站标题为“Divi Interior Design”,标语为“Elegant Interior Design for Your Home or Business”。 此信息可在 WordPress 仪表板的“设置”>“常规”下访问。

我们将使用“使用AI 自动生成文本”功能来演示如何添加此信息。 在不添加任何自定义提示的情况下,我们可以看到 Divi AI 如何使用这些网站详细信息为您生成文本。

网站标题和标语为 Divi AI 提供了坚实的信息基础,帮助其了解您需要什么类型的内容。 这两条信息足以让您的人工智能生成的内容感觉更自在,并且可以毫不费力地根据您的需求进行定制。 但这只是开始。 Divi AI 拥有将您的网站内容优化至完美的所有工具。 由于 Divi 不断学习和评估您的内容,每一步的结果都会变得更加准确。

3.让Divi AI为您提供提示

如果您不确定接下来要写什么或要在页面的某个部分添加什么图像,Divi AI 可以帮助集思广益给出提示。 因为 Divi 了解您页面的内容,所以它可以帮助您完成您想要要求它创建的内容。

打开 Divi AI 提示框(对于文本字段或图像字段),您将在描述框中看到“ AI ”按钮。 单击它将命令 Divi AI 为您编写提示。

Divi AI 为您创建提示 - 步骤 1-2

根据该网站的设置和内容(关于高中橄榄球队),Divi AI 提出了一个有趣的提示,我们可以选择使用。 由于提示并未立即用于创建图像,因此我们可以根据需要修改提示。 或者我们可以通过单击“生成”来完成。

Divi AI 为您创建提示 - 示例

这是与人工智能共同设计图像元素的好方法。 使用一点人工智能,然后发挥一点你的想象力。 这种结合可以产生真正的创造性成果。

有关自定义提示的更多提示,请查看这些 Divi 图像提示的重要提示。

4. 单击文本翻译

Divi AI 在文字和语言方面令人印象深刻。 它可以将预先写好的段落或标题在几秒钟内当场翻译给您。 它在将文本翻译成支持的语言方面做得非常出色,并且非常可靠。 要测试翻译如何为您的业务服务,请复制最重要的页面。 为重复页面提供特定于该语言的 URL 结构 - 在我们的示例中,我们正在执行“/es/services/rebranding”,将品牌重塑服务页面从英语翻译为西班牙语。

现在我们有了要翻译的页面,我们可以从英雄部分的标题和摘录开始。 点击页面设置。 在标题字段中,找到 Divi AI 按钮。 从那里选择“翻译”,然后选择您的语言。

Divi AI 翻译网页 - 步骤 1-4

Divi AI 将花费几秒钟来翻译您的内容。 单击“使用此文本”将英文文本替换为新翻译的文本。

Divi AI 翻译网页 - 步骤 5

翻译页面其余部分的步骤相同。 您可以在几分钟内翻译页面上的每个元素,而成本只是手动翻译的一小部分。 尽管如此,有一个能流利翻译您的语言的人来检查还是有好处的。

5.用关键词丰富内容

对于我们大多数人来说,用关键词和主题短语写出网站内容是很尴尬的。 我们最终会使用相同的短语和其他语法选择,同时过度思考这个过程并放慢自己的速度。 Divi AI 允许不受限制的书写,通常可以更快地获得结果。 写完您需要的内容后,您可以考虑根据 SEO 目的对其进行定制。

为此,请打开包含一些文本的 Divi 模块。 单击“ AI ”图标并选择“利用 AI 进行改进”。

Divi AI 使用关键字重写 - 步骤 1-2

选择您的内容类型,提供快速改进说明(并非总是必要),将上下文缩小到此单个模块,然后输入您从 Semrush 等关键字研究工具获得的关键字。 之后,点击“生成文本”即可查看Divi AI如何将关键字添加到您选择的文本中。

Divi AI 使用关键字重写 - 步骤 3-7

在我们的例子中,内容几乎与之前相同,只是巧妙地添加了我们的关键字,这是一个令人愉快的区别。 当您有其他作者的内容需要快速优化而您只需做很少的工作时,这尤其有用。 这将为您在整个网页设计项目中节省无数时间。

6. 用有用的内容替换 Lorem Ipsum

每个设计师都讨厌发送他们使用 Lorem Ipsum 为客户设计的网站的初始模型。 与我们合作过的一半客户总是会问:“为什么我的网站是拉丁文的?” Divi AI 使用 AI 生成的内容作为有用占位符内容的可靠初稿,让您跳过尴尬的对话,更接近最终成品。

使用 ai 变换内容之前和之后

7. 将 Divi 优化的 CSS 样式添加到任何模块

超越 Divi 广泛的无代码样式选项,为任何模块提供 AI 生成的 CSS。 Divi AI 了解 Divi 模块代码库,可以帮助您通过明文提示创建新样式,该提示适用于您要使用的任何模块。

Divi AI 的 CSS 生成模块有助于复杂的动画、基于自定义 ID 的样式、具有有限标准 Divi 选项的样式元素以及垂直对齐。 它在编写代码时识别正确的目标元素,因此它始终适用于您正在处理的模块。 借助 Divi Code AI,您可以确保自动定位正确的元素。

8. 为整个 Divi 模块自动生成内容

某些 Divi 模块具有多个文本字段,Divi AI 可以使用站点和页面上下文填充文本。 这有助于为具有各种元素的更结构化的视觉模块添加文本。 在本示例中,我们使用了 Blurb 模块。 该模块有标题、正文和图像字段。 您会注意到内容选项顶部有一个大按钮,可让您“使用 AI 自动生成文本”。

单击此按钮将允许 Divi AI 自动填充标题和正文文本输入框。 由于当前网站是一家室内设计公司,Divi AI会建议与我的网站信息相关的内容。 而且由于blurb模块还包含图像,因此它会自动生成图像!

只需单击一下,Divi AI 即可使用网站上下文创建您可以使用或完善的初稿。

这也非常适合为电子邮件选择加入模块号召性用语生成内容。 由于 Divi 了解您的页面内容,因此只需单击一次即可为所有元素生成内容。

自动生成电子邮件选择内容

9. 使用参考图像细化图像

Divi AI 可以通过多种方式直接从编辑器编辑和创建图像。 它们都可以节省大量时间,尤其是与查找库存图像或在 Photoshop 中编辑它们相比。 Divi AI 与图像生成一样直观。

编辑图像的一种方法是为现有图像 Divi AI 选项选择“重新想象”选项。

然后,从Divi AI给出的建议中选择最佳图像。 您可以“使用此图像”或使用选定的图像作为细化的参考。

另一种方法是为图像选择“使用 AI 进行改进”。

然后,添加简短描述以对图像进行细微更改。 在本例中,我们使用“带有深橙色枕头”的描述。 还根据需要调整参考图像百分比。

这让我们可以创建一个类似的图像,仅包含我们要求添加的元素。 非常强大而且非常省时!

结果令人印象深刻。 查看精致的图像颜色如何与按钮匹配。 很容易看出如何利用 Divi AI 的图像生成功能来节省时间。

使用 Divi AI 变换图像之前和之后

10. 使用 Divi AI 快速操作生成干净且兼容的代码

编码快速操作使您的自定义编码解决方案更加可靠并与各种 Web 浏览器兼容。 它适合想要使用人工智能来检查他们的工作并改进它的开发人员。 Divi AI 的快速行动只需几秒钟,但其影响是显而易见的。

您可以在代码中使用多种快速操作。 这是三个:

  • 格式- 此快速操作可以纠正缩进,查找丢失的逗号/语法,并修复代码中可能发现的常见错误
  • 提高兼容性- 浏览器支持至关重要,但可能需要花费大量时间 - 这种快速操作可以使您的代码符合各种标准。
  • 优化– 通过减少冗余并最终使其更轻,帮助您的代码尽可能高效。
  • 注释– 向代码添加有用的注释,以便轻松了解代码的用途,而无需重新评估。

还有更多快速操作,但每个操作都专注于一项特定任务,这将使您的工作更轻松(更快)。

11. 为更多元素和功能生成自定义代码片段

有时,一个简单的 HTML 或 JavaScript 片段就足以让一个想法变成现实。 Divi AI 可以创建代码,在 Divi 代码模块内将您的愿景变为现实。 它对于忙碌的开发人员和编码经验有限的人很有帮助。 这是一个很好的替代方案,可以替代臃肿的第三方插件,这些插件会降低您的网站速度。

在这里,我们要求 Divi AI 创建一个弹出窗口,在 30 秒后显示并邀请用户加入时事通讯。 我们甚至描述了在此示例中弹出窗口的外观。 Divi AI 在几秒钟内生成代码,并且我们有一个漂亮的弹出窗口,它将吸引访问者的注意力。

Divi AI 可以通过代码模块做各种各样的事情。 尝试为您的博客创建自定义目录片段、定价表切换开关或阅读进度条!

12. 理想分辨率的高档图像

要使用 Divi AI 升级任何图像,请打开任何支持图像或背景图像的 Divi 模块。 将图像加载到图像字段中,选择“ AI ”图标,然后选择“ Upscale ”。

Divi AI 高档图像 - 步骤 1-3

就像这样,我们的示例 150 x 150 像素的图像放大了 4 倍,现在可以在我们的页面上使用。 使用 Divi AI 进行放大可以使图像比原始图像大两到四倍。 这使得处理客户照片变得更加容易。 最重要的是,您甚至不需要为此提供单独的人工智能服务。

13. 创建尺寸完美的图像

在网页上拥有正确尺寸的图像至关重要。 它不仅看起来很棒,而且还可以确保您的网站快速加载。 为了实现这一点,获得正确的纵横比至关重要。 Divi AI 提供多种方法来帮助您实现完美的图像尺寸。

第一种方法是通过参考图像。 您可以从 WordPress 媒体库中选择图像供 Divi AI 进行分析和模仿。 然后,输入您需要的任何提示详细信息,Divi AI 将根据该信息创建新图像。 新图像将自动继承参考图像的尺寸,使其非常适合与预制布局一起使用。

参考图像

默认情况下,Divi AI 创建 512 x 512 像素的图像。 但是,还可以使用其他宽高比预设。 您可以选择横向、纵向、方形或自定义尺寸。

纵横比

设置尺寸是准确获得所需内容的绝佳方法。 将宽度和高度像素值输入 Divi AI 的图像生成器。

14.根据页面上下文获取图像建议

想看看当你没有想法时 Divi AI 可以为你创造什么图像吗? 掷骰子,看看使用网站和页面内容中的网站上下文会产生什么结果。 选择“自动生成”将对 Divi AI 进行测试,看看它能做什么。

生成 AI 图像

当您只是在寻找想法以便继续前进时,这很好。 Divi AI 每次生成图像时都会创建四张图像。 这意味着即使您不知道自己想要朝哪个方向发展,您也可以快速构思。

15. 将 AI 代码片段保存到 Divi Cloud 以便即时访问

使用您的网站库或 Divi Cloud 保存所有最常用的代码片段、页面布局和主题构建器布局,以便在其他页面和网站上轻松重用。 Divi AI 生成的代码片段非常适合保存到云端。

将 AI 代码片段保存到 Divi Cloud

您经常在所有网站上重复使用相同的代码片段,因为它们完全按照您的需要执行。 在使用 Divi AI 进行代码生成时,您将有许多更有价值的片段需要跟踪。

Divi Snippets 库和代码钱包

使用 Divi AI 无限生成 AI

即使按正常价格计算,Divi AI 也是最实惠的人工智能解决方案之一。 请记住,它使用 AI 来编写文本、生成和编辑图像以及编写 Divi 和 WordPress 兼容的代码。 所有这一切都发生在 Divi 的可视化编辑器中,而不是在另一个选项卡上的聊天界面中。 它的速度是无与伦比的,因为通过其许多快速操作,Divi AI 只需单击一下即可改变您的网页设计的各个方面。

那么,如果您尝试在 Divi AI 之外获得类似的 AI 功能(文本、图像和代码),会发生什么? 比较这些顶级工具,它们占据了人工智能工具消费者市场份额的相当大比例。

比较: 迪维人工智能 - 44% 折扣碧玉中途和聊天GPT+ GitHub 副驾驶
每月价格$13.44/月每个用户 49 美元/月每个用户 30 美元/月每个用户 10 美元/月
年费$216/年或 $9.72/月每个用户 468 美元/年每个用户 360 美元/年每个用户 120 美元/年
用户数量️无限1 1 1
文本输出️无限️无限没有任何没有任何
图像输出️无限️无限️ 3.3 小时/月没有任何
代码生成️无限没有任何️ 基本的 ChatGPT ️无限
网站内容️ 是的没有任何没有任何️ 仅限代码
获取迪维AI

即使你只使用 Jasper 和 Github Copilot,你为什么要花 295 美元/月+ 来给一个由 5 名有竞争力的生成式 AI 组成的团队呢? Divi AI 绝对超值,可享 44% 折扣,并且该价格可用于我们网络星期一促销活动的剩余时间。 那些参与交易的人将终身锁定网络星期一的价格。 即使您的团队规模扩大,您的价格也不会! Divi AI 可供无限的 Divi Teams 用户使用,这对于扩大团队来说具有非凡的价值。

享受 Divi AI 44% 折扣

购买 Divi AI 捆绑包,享受更多优惠!

Divi 定价捆绑包

我们的 Divi 捆绑包可帮助您在网络星期一购买所需产品时节省更多。 如果您是 Divi 新手,您可以购买 Divi 会员资格并将 Divi AI 添加到您的购物车,以便在结帐时节省52% 。 或者,您可以通过我们的 Divi Pro 和 Divi Agency 捆绑包以更优惠的折扣购买更多 Divi 产品。

作为 Divi 用户,您可以使用 Creator Bundle 享受 Divi AI 和 Divi Cloud 56% 的折扣。 或者,您可以通过我们的专业捆绑包( 58%折扣)和完全访问捆绑包( 62%折扣)获得与 Divi AI 捆绑的更多产品,从而节省大量费用。

这些网络星期一的价格不会持续太久,因此,请尽可能享受您需要的 Divi 产品的最大折扣。

不要忘记,参与我们网络星期一促销的每个人都将在每次符合资格的购买中获得免费奖品、解锁秘密折扣和独家网站包!

查看 Divi 捆绑包

敬请关注! 明天 24 小时独家抽奖。

请明天回来阅读我们的下一篇文章,这样您就可以参与赢取仅在 24 小时内提供的惊喜赠品。 我们的奖品数量有限,因此您需要尽早到达。