WordPress divi主题

DiviAgency 儿童主题概述 | 优雅的主题博客

by | Apr 30, 2022 | Divi主题使用教程 | 0 comments

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

在 Divi 市场中找到它

DiviAgency 可在 Divi 市场购买! 这意味着它已通过我们的审查,并符合我们的质量标准。 您可以访问市场中的 GetWebDesign 以查看他们所有可用的产品。 从 Divi Marketplace 购买的产品具有无限的网站使用和 30 天退款保证(就像 Divi)。

google广告开户

在 Divi 市场购买

DiviAgency 是 Divi 的第三方儿童主题,设计简约但色彩丰富。 包括几个专注于服务的页面,使其成为代理商的绝佳选择。 它包括多种格式的插图,您可以为它们着色以匹配您的网站。 在这个儿童主题概述中,我们将着眼于 DiviAgency 以帮助您确定它是否是满足您需求的正确 Divi 儿童主题。

安装 DiviAgency

安装 DiviAgency

您可以在 Divi Marketplace 的产品页面的文档选项卡中找到安装 DiviAgency 的说明。 它们也在压缩的补充文件中。 子主题文件可以保持压缩状态,但您需要解压缩补充文件以导入额外文件。

安装比大多数 Divi 子主题要复杂一些。 这并不难,但确实需要几个步骤。 主要区别在于您必须使用 WordPress 导入器、主题定制器和 Divi 主题选项导入演示内容,然后手动设置主页、永久链接和菜单。

这些说明会通过简单的步骤引导您完成它,并且它包含一个显示这些步骤的视频。 我发现他们很容易理解。 它没有提到主题构建器,但压缩文件包含一个主题构建器文件,所以我也导入了它。 我建议导入 Theme Builder 文件,因为它在屏幕一侧添加了清晰的自定义页脚和粘性按钮。

页面

DivAgency 增加了几个页面:

  • 网页设计(主页)
  • 博客
  • 联系我们
  • 平面设计(服务页面)
  • 文件夹
  • 价钱
  • 隐私政策
  • 发送成功
  • 网站维护(服务页面)

让我们看一下 DiviAgency 的一些页面和功能。 截图来自我的测试站点,没有任何修改。

网页设计

网页设计

WordPress divi主题

网页设计页面是主页。 您会注意到的第一件事是颜色、圆形设计、图形和粘性按钮。 许多背景元素和图形使用过渡设置在页面加载或滚动时浮动或动画。 大多数页面都包含此标题的一个版本。

左侧的 CTA 突出显示了服务。 Read More 和 Portfolio 按钮具有悬停动画,可更改其颜色以匹配布局中的其他按钮。 一个动画的向下箭头会引起人们对向下滚动的注意。 右侧是与布局设计相匹配的图形。 背景包括在整个设计中使用的图案和圆形图形。

简介

网页设计

下一部分包括用于显示服务的样式简介。 它们有大图标和悬停效果。 在此示例中,我将鼠标悬停在第三个简介上,这会删除框阴影并在悬停时显示边框。 背景图案从上一节延续到这一节。

网页设计

第三部分在一侧显示图形,在另一侧显示文本。 这非常适合突出服务。 它具有干净的背景并显示圆形图形的一部分。

网页设计

下一部分与上一部分类似,但使用了上一部分的替代布局。 图形与设计的其余部分相吻合。 云将这一部分与下一部分分开。

网页设计

本部分在灰色背景上显示一组简介,这些内容与下一部分融为一体。 其中一个简介用方框阴影突出显示。

fiverr建站WordPress程序员

服务

网页设计

其他服务的部分在背景渐变上显示一个大图形。 服务有标题和简短描述。

感言

网页设计

推荐书放置在带有数字计数器的样式化统计数据块周围。 推荐书包括星级。

博客

网页设计

独立站选品工具

博客部分在样式背景上显示最新的博客文章。 这些帖子是由子主题添加的。

网页设计

带有信息的大部分在与粘性按钮匹配的样式行中提供可单击按钮。 更多信息放置在带有大图形的交替布局中。 这是在保持布局干净有趣的同时显示信息的绝佳方式。

页脚

网页设计

页脚是使用主题生成器创建的。 它包括几个颜色和文本块作为 CTA 和一个链接到联系页面的可点击按钮。

高质量外链购买

平面设计

平面设计

图形设计页面突出显示一项服务。 它包括在其他页面上找到的页眉和页脚,并包括一个使用文本和简介介绍服务的部分。 作品示例显示在画廊中,每个图像都有框阴影。

网站维护

网站维护

网站维护是另一个服务页面。 这个在页眉、页脚和介绍部分添加了一个定价表。 定价表放置在带有云分隔符的背景上以分开。 其中两张桌子与背景融为一体,而中间的桌子使用不同的颜色和盒子阴影。

文件夹

文件夹

JasperAI 10000字免费额度试用

投资组合页面简单但有效。 它包括一个与网站其余部分相匹配的标题,但带有独特的插图。 它还使用全局页脚。 作品展示在画廊中。

博客

博客

博客简单干净。 博客页面和帖子不包含页眉,但它们包含全局页脚。 侧边栏添加了一个搜索框、最近的帖子和最近的评论小部件。

价钱

价钱

定价页面添加了定价表、带有云分隔符的 CTA 部分以及链接到主要服务的部分简介。

WordPress备份工具updrafplus

联系我们

联系我们

联系我们页面包含页眉,但不包含全局页脚。 它添加了联系信息的简介和样式化的联系表单,该表单在悬停时在字段的左侧显示红色边框。

粘性图标

粘性图标

粘性按钮在悬停时打开以显示其内容。 每个按钮都是可点击的。 这显示了电话图标。

菜单

菜单

菜单采用滑入式风格,并添加了汉堡图标。 它从左侧打开,包括两个部分的样式背景。 顶部显示社交按钮、搜索框、电话号码和电子邮件。 底部显示左边缘汉堡菜单的颜色,并链接到所有主页。 除了电话号码,一切都可以点击。

主题生成器

主题生成器

Theme Builder 的布局添加了两个自定义页脚。 第一个是全局的(如绿色所示),因此您对此页脚所做的任何更改都会反映在使用全局页脚的每个页面上。 第二个是为联系我们页面指定的,因此它会覆盖全局页脚。

全局页脚

全局页脚

全局页脚的第一部分内容广泛。 它包括几个带有文本的两行、一个分隔线和一个按钮。

全局页脚

下面是全局标题在主题生成器的可视视图中的外观。

全局页脚

下一部分是底部栏。 您将在此处添加自己的文本。

全局页脚

这是它在视觉视图中的外观。

全局页脚

粘性图标在全局页脚中创建。 每个按钮都包含一个图像和一个文本模块。 这些元素也是全局的,因此在此处更改它会在使用全局页脚的任何地方更改它。 使用已添加到该部分的自定义 CSS 使其具有粘性。 您无需处理代码。

全局页脚

这是它在视觉视图中的外观。 它粘在一边,但在构建器中悬停时不显示文本,这是正常的。

联系我们自定义页脚

联系我们自定义页脚

联系我们自定义页脚使用文本模块显示带有链接的消息。 如果您只想要一个简单的页脚,这是一个不错的选择。 默认情况下,这不是全局的。

联系我们自定义页脚

这是它在视觉视图中的外观。

迪维图书馆

迪维图书馆

布局被添加到 Divi 库中。 这使它们易于在其他页面上和主题生成器中使用。 几种布局是全球性的。

插图

插图

子主题补充文件中的文件夹包括 .png、.pdf 和 .ai 格式的插图。 它们可以重新着色以匹配您的网站。 此示例显示 PNG。 它们主要是用作每页内容中图形元素的插图。 一些用于背景图案。

插图

这里是背景元素。 它为桌面和移动设备提供元素。 它们以 SVG 和 PNG 的形式提供。 SVG 显示您用来打开它的应用程序的图标。 就我而言,这就是 Chrome。

在哪里购买 DiviAgency

在哪里购买 DiviAgency

DiviAgency 儿童主题可在 Divi Marketplace 中找到。 它的价格为 49 美元,包括无限的网站使用和 1 年的支持和更新。

结束的想法

这就是我们的 DiviAgency 儿童主题概述。 这是一个简单的 Divi 儿童主题,但它具有优雅的设计,非常适合任何类型的网站展示服务。 安装确实需要一些额外的步骤,但这并不困难,而且说明很容易遵循。 我喜欢布局的颜色和设计。 这些页面确实专注于服务,但它可以用于需要简约设计的任何类型的网站。

我们希望收到你的来信。 您是否尝试过 Divi 的 DiviAgency 儿童主题? 请在评论中告诉我们您的体验。

特色图片来自 Sentavio / shutterstock.com

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