Divi 产品亮点：Avanti – Divi 多用途儿童主题

Avanti 是 Divi 的第三方子主题，在 9 个壁龛中有超过 60 页，可帮助您构建您需要的任何类型的网站。 使用 Avanti 可以帮助您更快地构建网站。 还有以 WooCommerce 为中心的设计，可帮助您轻松设置在线商店。 在这篇文章中，我们将介绍这个 Divi 子主题提供的一些布局，以帮助您确定它是否适合您！

让我们开始吧。

安装阿凡提

安装 Avanti 很简单。 它的工作方式与安装常规 WordPress 主题相同，但多了几个步骤。 建议在新的 WordPress 站点上安装 Avanti。 由于这是 Divi 子主题，因此需要 Divi。 我发现安装过程很直观。

1. 前往外观
2. 选择主题
3. 选择新增

1. 点击上传主题
2. 单击选择文件
3. 导航到计算机上的压缩文件，选择它，然后单击立即安装

1. 点击激活

1. 转到 Avanti 演示导入
2. 单击 Easy Demo 导入
3. 选择导入演示内容

1. 单击删除演示内容并导入函数

Avanti 页面、布局和模板

通过页面和模板的组合，Avanti 提供了超过 60 个页面，其中包含 9 个壁龛中的 30 多个元素。 这包括完整的网站、多个页眉和页脚设计、商店页面等。我将展示一些布局的占位符图像布局和销售演示中的图像的屏幕截图，以便更好地了解成品。 这是其中的一些页面。

以下是添加到 Divi 库中的一些布局。

它还包括 11 个预制和预分配模板。

阿凡提主页

Avanti 包括 11 个不同类型企业的主页。 他们包括：

1. 商业
2. 餐厅
3. 摄影
4. 咨询
5. 网页设计
6. 牙科
7. 装修
8. 管道工
9. 店铺V1
10. 店铺 V2
11. 店铺 V3

每个都包含许多样式元素、悬停动画、滚动动画，甚至还有背景图像的 Ken Burns 效果。 它们包括具有图像大小的虚拟图像。 企业主页是默认主页。 这个 Divi 儿童主题会定期更新。 我们将查看两个最新的主页，Restaurant 和 Photography，我们还将查看其最新的 WooCommerce 更新。

阿凡提餐厅主页

餐厅布局有 5 个页面，包括主页、关于、食物菜单、推荐和联系页面。 这是带有虚拟图像的主页的英雄部分。

下面是带有子主题演示页面图像的主页。 这包括自定义标头。

这是演示页面的一部分。 如您所见，这是一个包含许多元素的大页面。 所有全屏图像都是静止的。 它包括一个带有菜单链接的全屏英雄部分，一个带有图像悬停效果的关于部分，带有链接到食物类别的悬停效果的图像，一个食物菜单的 CTA，一个预订的 CTA，两个- 用宣传语、自定义推荐卡、联系表等创建的列式食物菜单。

阿凡提摄影主页

照片包括 10 页，包括主页、关于、服务、单一服务、照片库、单一画廊、推荐、定价、常见问题和联系方式。 这是摄影主页。 它还包括一个透明的标题。 这是带有来自子主题演示页面的图像的英雄部分。

这是演示主页。 此图像是使用视差滚动效果拍摄的。 它包括一个带有画廊链接的全屏英雄部分、链接至类别的图像、一个带有完整故事链接的关于部分、带有自定义设计的风格推荐、带有自定义博客卡片的博客、联系表双面带有图像，自定义页脚包含联系信息和电子邮件表单。

其他阿凡提页面

除了主页，Avanti 还包括 3 个 WooCommerce 商店主页、5 个关于我们、3 个服务、3 个服务页面、5 个联系我们、4 个投资组合页面等等。 其他页面包括博客、感谢、推荐、常见问题解答、定价、404 等。其中许多还包括多个版本。

首页商铺V1

主页 Shop V1 显示一个带有 CTA 的全角滑块。 这是带有占位符图像的页面。 这是原始布局之一，但我想将其包括在内以查看新布局的比较情况。

这是演示中的页面。 它包括一个商店部分，其中包含类别、畅销书、CTA 和在售产品。 紧随其后的是具有文本滚动效果的视差全屏 CTA、最新消息的博客部分和电子邮件订阅 CTA。

主页商店V3

Home Page Shop V3 是一个全新的商店设计。 这是带有占位符图像的英雄部分。

这是演示中的页面。 它包括一个带有 CTA 的滑块、带有信息的简介、一个包含特色和最新产品的商店部分、一个真正视差的全屏 CTA、带有风格图像的销售产品、带有倒数计时器的当日特卖部分、CTA 、新产品、最新消息和品牌标识。

购物车 V2

Cart V2 是一个新的购物车页面，它在页面顶部显示导航图标，让用户知道他们在购物过程中的位置。 它还会显示样式化的购物车、销售 CTA 和购物车总数。

手推车 V3

Cart V3 也是新的。 它包括与 Cart V2 相同的样式，但将购物车总数移到购物车旁边，并且不包括销售 CTA。

结帐V3

Checkout V3 是一个新的结帐页面。 它包括页面顶部的导航图标和一个两栏部分，左侧是结帐表格，右侧是一个较小的栏，其中包含信息和推荐。

关于我们 V4

关于我们 V4 是专为新餐厅布局设计的新页面。

这是演示页面的一部分。 它包括一个视差全角 CTA、一个带有缩放效果的关于部分、一个菜单 CTA 和风格化的推荐。

关于我们 V5

关于我们 V5 专为新的摄影布局而设计。

该页面包括一个带有 CTA 的视差英雄部分、一个带有联系页面链接的关于部分、显示信息的简介、推荐、博客和样式化的联系表。 其中大部分都包含在主页上。

服务 V3

服务 V3 是专为摄影布局设计的新页面。 它包括一个带有有趣悬停效果服务图像的部分。 图像向上摆动，文字在卡片内向下摆动以显示照片和查看更多内容的按钮。 它还包括样式化的定价表。

单一服务 V3

单一服务 V3 是摄影布局的新页面。 它包括一个大的文本部分和描述单个服务的图像。 它还包括推荐书、联系表等。

联系我们 V4

联系我们 V4 是新餐厅布局的联系页面。 它包括一个包含联系信息、营业时间和左侧表格的两栏部分。 右侧包括一张单色地图。

联系我们 V5

联系我们 V5 是摄影布局的联系页面。 它包括一段带有联系信息的简介。 页面的主要部分包含一个大的联系表。

客户评价 V2

推荐 V2 是新餐厅布局的推荐页面。 它在带有图像背景的样式卡中显示推荐。

定价 V2

定价 V2 是摄影布局的新页面。 它包括与其他页面相同的英雄部分、推荐和联系部分，并添加了样式化的定价表。 该表显示具有不同高度和标题背景颜色的卡片。

阿凡提元素

Avanti 包括几个仅包含元素的页面，因此您可以轻松访问它们。 它们包括页眉、页脚、滑入内容、翻转框、服务框、定价表、选择加入、团队成员和推荐。 其中三个包含新元素。 我们会看看这三个。

标头

Avanti 包含 5 个标题供您选择。 它们包括下拉菜单，其背景与标题中的元素相匹配。 第一个标头是默认标头。 它在 Divi Theme Builder 中设置为全局标题。 所有标头都添加到 Divi 库中，因此您可以根据需要轻松更改为不同的标头。

服务箱

Avanti 的服务箱包括六种不同的方式来展示您的服务。 大多数包括添加文本、更改图像、缩放等的悬停效果，以创建有趣的卡片。

感言

Avanti 包括 5 个推荐设计。 这些以风格化的卡片呈现您的推荐。 它们包括餐厅和摄影布局的新设计。 第一个推荐包括悬停效果。

阿凡提文档

该文档逐步介绍了设置子主题和执行特定任务，例如禁用 Ken Burns 效果、更改翻转框的内容、重定向联系表单、更改滑入式、添加菜单徽章等。

在哪里购买阿凡提

Avanti 在 Divi Marketplace 有售，售价 35 美元。 它包括无限制使用、30 天退款保证以及一年的支持和更新。

结束的想法

这就是我们对 Avanti Divi 儿童主题的看法。 我发现它易于使用，而且页数使其用途广泛。 新的页面和元素看起来很棒。 我特别喜欢新的餐厅、摄影和商店主页。 Avanti 在许多领域都有很多页面，使其成为几乎任何类型网站的绝佳选择。 我觉得它的价值远远超过它的价格。

我们希望听到您的意见。 您是否尝试过 Avanti Divi 儿童主题？ 在评论中让我们知道您的想法。