Duriza – Divi 儿童主题概览

Duriza Divi 儿童主题是一个多用途儿童主题，设计时考虑到了服务公司。 它包括 12 个页面、一个带有图标触发器的自定义滑块和一个将您的服务链接在一起的侧栏子菜单。 在本文中，我们将仔细研究 Duriza，以帮助您确定它是否适合您的需求的 Divi 儿童主题。

安装 Duriza Divi 子主题

安装很简单，但需要遵循几个步骤。 像任何主题一样安装和激活 Duriza Divi 子主题。 首先，激活Divi，上传并激活主题。 为 Duriza 安装演示内容是手动完成的。 幸运的是，说明简单明了。

接下来，您需要上传 Theme Options、Theme Builder、Theme Customizer 和 Divi Library 的设置。 这些文件在补充压缩文件中提供。 这些文件带有标签，因此很容易识别。 最后，您需要使用库中的布局创建主页和您想要的任何其他页面，并将它们添加到菜单中。

文档提供了有关向网格添加图像、向下拉菜单和侧边菜单添加箭头、创建侧边菜单、更改颜色以及使用库布局创建博客文章的信息。

所有这一切都比听起来容易，而且说明很容易遵循。 不过，这确实需要一点时间。

Duriza Divi 儿童主题主页

Duriza 主页由大量文本模块、简介、按钮、幻灯片、分隔符和联系表格构建而成。 我们将查看主页中的每个部分。 其他页面使用类似的设计。 每个页面都包含浅绿色亮点。

Duriza主页英雄部分

英雄部分显示链接到页面的标题和大图像。 标题是在主题构建器中创建的。 图像以多列布局放置，一侧是大图像，另一侧是堆叠中的两个较小图像。 它们的黑色覆盖层在悬停时变亮。 叠加层包括标题和阅读更多内容的链接。

杜里扎主页服务科

服务部分介绍了具有大标题和简短描述的服务。 服务显示在 4 列中，包括图像、标题和按钮。 在此之下，服务以单列中的幻灯片突出显示，标题位于底部。 幻灯片包括一个方框阴影。 背景包括左侧的圆点图案。 文档显示了如何添加图像。

显示的幻灯片对应于您悬停在其上的幻灯片。 CSS 已经添加到行中以完成此操作，但是您需要像我在上面的示例中所做的那样将图像 URL 添加到 CSS 样式表。 图像已预加载，因此它们会使用过渡效果在悬停时立即显示。

作为如何使用幻灯片的示例，我添加了来自其他 Divi 布局的图像图标和来自 Unsplash 的图像。 图像预加载，以便它们在悬停时快速显示。 说明将引导您完成此操作。 如果刷新页面时图像没有显示，我建议您清除缓存。 这是最突出的部分之一。

Duriza 主页 关于部分

有关公司和团队成员的信息会显示一条带有按钮的全角消息，以查看“关于我们”页面。 信息以双列布局显示，一侧是大图像，另一侧是团队成员头衔。 虚线背景图案出现在右侧的此部分中。

Duriza主页项目部分

项目显示在一个三列网格中，带有介绍和悬停动画，使覆盖层变亮。

Duriza 主页推荐部分

文本模块、分隔符和按钮创建了推荐部分。 如本示例所示，显示标题、简短的推荐和链接到推荐页面的按钮。 深灰色背景从其他部分中脱颖而出。 绿色高光与深灰色配合得很好。

Duriza 主页联系部分

联系部分包括放置在全屏背景上的两个框，覆盖左边缘。 联系信息显示在带有白色背景上的文本和图标的第一个框中。 联系表格显示在与推荐部分匹配的深灰色背景上。 两个框都包含绿色亮点。

Duriza Divi 儿童主题 关于我们页面

Duriza Divi 子主题“关于页面”引入了带有全宽页眉的页面，其中包括一张带有样式覆盖的图像。 图像显示向下滚动到故事、愿景和任务行的链接。 这些行以交替布局显示图像和文本。 该页面还包括来自主页的联系部分。

Duriza Divi 儿童主题服务页面

Duriza Divi 子主题服务页面在网格中显示简介内的服务。 按钮链接到各个服务页面。 此页面还包括主页中的联系部分。

Duriza Divi 儿童主题单服务页面

单个服务页面在左侧带有样式菜单的单个列中显示有关服务的信息。 此菜单添加了一个侧边栏模块，该模块显示您将创建的自定义小部件。 菜单中的悬停动画将页面名称的背景更改为绿色。

Duriza Divi 儿童主题推荐页面

Duriza Divi 子主题推荐页面在三栏部分显示使用文本模块创建的推荐。 如本例所示，它们包括星级、标题、详细信息和名称。

Duriza Divi 儿童主题项目页面

Duriza Divi 子主题项目页面以带有文本模块的三列网格显示项目。 图像很暗，直到您将鼠标悬停在它们上方。

Duriza Divi 儿童主题单个项目页面

Duriza Divi 子主题单个项目页面在描述上方显示项目标题，右侧列表中包含日期、客户、类型和承包商信息。 该项目的图像显示在此下方。

Duriza Divi 儿童主题博客页面

Duriza Divi 子主题博客页面在带有右侧边栏的单个列中显示帖子。 帖子显示特色图片、标题、摘录和样式化的阅读更多按钮。 侧边栏中的小部件具有与站点相匹配的样式顶部边框和其他三边的微弱边框。 页眉介绍页面。 悬停时图像上会出现绿色叠加层。

Duriza Divi 儿童主题单帖

博客文章是使用 Divi Builder 构建的，包括全宽的文章标题、文本、评论和右侧边栏。

这是设计在前端的外观。 我已经设置了 Divi 页面以全角显示而不显示标题。 这允许它只显示页眉、页脚和模块。

Duriza Divi 儿童主题联系页面

Duriza Divi 子主题联系人页面显示带有链接的图像，单击时可滚动到正确的联系信息。 联系表单的样式与站点的其余部分相匹配，每个字段底部都有一个绿色边框。

Duriza 主题生成器布局

Duriza Divi 子主题的主题生成器布局包括默认模板的全局页眉和页脚、所有类别页面的自定义布局以及 404 页面的自定义布局。

杜里扎头球

标题包括两个带有社交媒体的部分，顶部有两个按钮，底部有一个菜单。 顶部有两排：一排用于台式机，一排用于手机和平板电脑。

Visual Builder 显示两个顶行，以便您可以处理它们。 由于电话号码是一个按钮，因此可以点击。

杜里扎页脚

Duriza 的页脚看起来像小部件，但它是用文本和分隔线模块制作的。

结果，链接的页脚列表包括徽标、标题和样式分隔符，仅使用小部件是不容易做到的。

Duriza 所有类别页面

所有类别页面模板与博客页面相同。 它包括全角标题、博客和侧边栏模块。

杜里扎 404 页

Duriza 的 404 页面的正文部分是使用全角标题模块创建的。 它在覆盖层中显示带有消息和按钮的全屏背景图像。

在哪里购买 Duriza Divi 儿童主题

在 Divi 市场中以 39 美元的价格购买 Duriza Divi 儿童主题。 与往常一样，Duriza 包括无限制的网站使用以及 1 年的更新和支持。

结束的想法

这就是我们对 Duriza Divi 儿童主题的看法。 尽管它是一个多用途的子主题，但在主页上显示服务的自定义幻灯片和各个服务页面上的自定义子菜单使其成为服务网站的绝佳选择。 这 12 页为您提供了大量页面来展示您的服务和项目。 造型简洁干净，赋予儿童主题优雅的设计。

我们希望听到您的意见。 您是否尝试过 Duriza Divi 儿童主题？ 请在下面的评论中告诉我们您对此的看法。

精选图片来自 BRO.vector/shutterstock.com