DiviHvac 子主题概述

已发表: 2021-02-19

DiviHvac 是 Divi 的儿童主题,专为暖通空调公司而设计。 它带有 12 个主页、一个自定义页眉和页脚、一个自定义幻灯片、CSS、粗体颜色等。 在本文中,我们将了解 DiviHvac 子主题,以帮助您确定它是否适合您的需求。

安装 DiviHvac 子主题

安装 DiviHvac 子主题

安装是手动完成的。 这并不难,产品页面上的文档会引导您完成它。 激活 Divi 后,上传并激活 DiviHvac 子主题。 激活后,您需要解压缩子主题附带的额外文件,并将它们导入主题选项、主题构建器、主题定制器和 Divi 库。 您还需要手动创建菜单并设置主页。

所有这些步骤都很简单,但与一键式解决方案相比,它确实需要花费几分钟的时间。 说明很容易遵循,并且文件标记得很好,所以这很有帮助。

DiviHvac 页面

DiviHvac 页面

DiviHvac 子主题添加了 13 种布局来创建您的页面。 您需要手动创建它们。 它们包括图像和占位符图像。 我们将看看其中的一些。

DiviHvac 儿童主题主页

DiviHvac 儿童主题主页

DiviHvac 主页很复杂,包含许多模块以创建优雅的设计。 英雄部分包括一个样式化的联系表格作为 CTA。 三角形是在文本模块中使用 CSS 创建的。

DiviHvac 儿童主题主页

整个布局有很多大胆的红色、白色和蓝色。 英雄部分包括全屏背景图像、左侧带有查看服务按钮的消息以及右侧请求服务的联系表。

服务

服务显示有详细说明和图像作为指向服务页面的链接。 图像包括在悬停时显示图像的叠加层。 本节包括用 CSS 创建的角中的三角形分隔线。

特定服务显示为背景图像上的卡片。 卡片是用图像、文本、分隔符和按钮创建的。 它们在图像的角落包含一个三角形以显示折扣。

DiviHvac 儿童主题主页

关于雇用公司的好处的部分以项目符号的形式显示信息,并在中心放置技术人员的图像占位符。 我喜欢在这些布局中使用颜色、排版和空白。

推荐出现在背景图像上清晰的 CTA 旁边。 它们包括与站点相匹配的样式边框。 在推荐下方是一个链接到特殊促销的细长号召性用语。 红色和蓝色非常突出。

项目

关于过去项目的部分显示带有项目页面链接的全屏背景图像和带有按钮的网格中的图像,用于在叠加层中查看项目。

DiviHvac 儿童主题主页

优惠券显示为带有背景图像的卡片。 这些放置在带有红色覆盖层的样式背景上。 这是提供激励的好方法。

博客部分显示了在角上带有三角形的样式卡片。

CTA

接下来是一个全宽的 CTA 和一个两栏部分,一边是联系信息,另一边是地图。 该地图包括三角形角。

DiviHvac 儿童主题 关于我们页面

DiviHvac 关于我们页面

“关于我们”页面使用了主页中的几个部分。 它添加了一个关于公司的部分,一侧是图像,另一侧是文本。 编号简介提供特定信息。 使命陈述与替代布局中的公司信息相匹配。 客户徽标放置在全宽部分,并带有标题以突出显示。

DiviHvac 项目页面

DiviHvac 项目页面

项目页面的突出部分是项目库。 文本和按钮的样式与网站的其余部分相匹配,而覆盖层在悬停时会被移除。

DiviHvac 单个项目页面

DiviHvac 单个项目页面

单个项目页面包括一个包含项目信息、统计数据和图像的部分。 它还包括用于预约的 CTA。

DiviHvac 服务页面

DiviHvac 服务页面

服务页面显示带有由图像、文本、分隔符和按钮模块组成的卡片的服务。

DiviHvac 单一服务页面

DiviHvac 单一服务页面

单一服务页面提供了一个内容区域,其中包含有关服务的详细信息,并使用样式化的表单来请求服务。

DiviHvac 博客页面

DiviHvac 博客页面

博客档案页面将博客文章显示为带有图像、标题、元数据、摘录和阅读更多按钮的卡片。

DiviHvac 博客布局

DiviHvac 博客布局

博客帖子布局在带有样式侧边栏的单列中显示标题、元、特色图像和内容。

DiviHvac 常见问题页面

DiviHvac 常见问题页面

常见问题页面将问题划分为主题。 问题在切换中回答。 此页面还包括服务请求表。

DiviHvac 儿童主题推荐页面

DiviHvac 儿童主题推荐页面

推荐信放置在卡片中,卡片包括深蓝色背景、星级、标题、分隔符和文本。

DiviHvac 儿童主题优惠券页面

DiviHvac 优惠券页面

除了大胆的颜色外,优惠券页面也是使这个 Divi 儿童主题脱颖而出的原因之一。 提供优惠券作为奖励。 它们由多个文本模块创建,易于定制。

DiviHvac 儿童主题联系页面

DiviHvac 儿童主题联系页面

联系页面包括一个带有样式的联系表单,旁边是一个图像,后跟一行包含联系信息和地图。

DiviHvac 儿童主题感谢页面

DiviHvac 儿童主题感谢页面 ;

感谢页面可用作重定向页面,向使用您的联系表单的任何人提供消息。 这非常适合让他们知道您已收到他们的消息以及期待什么。 信息很简单,设计适合网站的其余部分。

DiviHvac 主题生成器布局

DiviHvac 主题生成器布局

主题生成器布局包括全局页眉和页脚、类别页面和 404 页面。

标题

标题

全局标题包括多行。 顶行包括徽标的图像模块、信息的简介和电话号码的文本,然后是全角菜单。 这种布局还为平板电脑和手机提供了更简单的菜单。

标题

这是视觉视图中的标题。 用于移动设备的那些位于底部并显示为灰色。

标题

这是前端的菜单。 它包括下拉菜单的样式和位于屏幕右侧的粘性按钮(滑入)。 您可以用您想要的任何图像或图标替换方形图像。

标题

当您将鼠标悬停在它上面时,这是滑入式粘性按钮。 它用作带有按钮的 CTA,并重定向到“谢谢”页面。

标题

Slide-in 功能是一个粘性按钮,它是使用添加到全局标题和文本和底部模块中的行的 CSS 类创建的。

页脚

页脚

全局页脚由专业部分构建,包括图像、文本、社交关注和三行按钮。

页脚

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

页脚

这是它在主页上的外观。

404页

404 页面是用全角标题构建的。 这是它在视觉视图中的外观。 该页面还包括全局页眉和页脚。

在哪里购买 DiviHvac

Mark Hendriksen 的 DiviHvac 儿童主题可在 Divi 市场上以 39 美元的价格购买。 它包括无限的网站使用和 1 年的支持和更新。

结束的想法

这就是我们对 Mark Hendriksen 的 DiviHvac 儿童主题的看法。 这个主题有很多页面来展示你的服务和项目。 一些页面,例如优惠券和谢谢,是独一无二的。 大胆的红色和蓝色样式使页面脱颖而出,同时提供专业外观。 虽然它是为进行安装和维修的 HVAC 公司设计的,但这种设计对于任何类型的承包商或维修网站都非常有用。

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

精选图片来自 Seahorse Vector/shutterstock.com