Обзор дочерней темы DiviHvac

DiviHvac - это дочерняя тема для Divi, разработанная с учетом потребностей компаний, работающих в сфере отопления, вентиляции и кондиционирования воздуха. Он поставляется с 12 основными страницами, настраиваемым верхним и нижним колонтитулами, настраиваемым слайдом, CSS, жирным шрифтом и многим другим. В этой статье мы рассмотрим дочернюю тему DiviHvac, чтобы помочь вам решить, подходит ли она для ваших нужд.

Установка дочерней темы DiviHvac

Установка производится вручную. Это несложно сделать, и документация на странице продукта поможет вам в этом. После активации Divi загрузите и активируйте дочернюю тему DiviHvac. После его активации вам нужно будет распаковать дополнительный файл, поставляемый с дочерней темой, и импортировать их в параметры темы, конструктор тем, настройщик тем и библиотеку Divi. Вам также нужно будет создать свое меню и настроить домашнюю страницу вручную.

Все эти шаги просты, но они занимают на несколько минут больше времени, чем если бы это было решение в один щелчок. Инструкциям легко следовать, а файлы хорошо помечены, так что это помогает.

DiviHvac Страницы

Дочерняя тема DiviHvac добавляет 13 макетов для создания ваших страниц. Вам нужно будет создать их вручную. Они включают изображения и изображения-заполнители. Мы рассмотрим некоторые из них.

Домашняя страница дочерней темы DiviHvac

Домашняя страница DiviHvac сложна и включает множество модулей для создания элегантного дизайна. Раздел героев включает стилизованную контактную форму в виде призыва к действию. Треугольники создаются с помощью CSS в текстовых модулях.

На макете много жирного красного, белого и синего цветов. Раздел героев включает полноэкранное фоновое изображение, сообщение слева с кнопкой для просмотра услуг и контактную форму справа для запроса услуг.

Услуги

Услуги показаны с подробным описанием и изображениями в виде ссылок на страницы услуг. Изображения включают в себя наложения, которые показывают изображение при наведении курсора. Этот раздел включает треугольные разделители в углах, созданные с помощью CSS.

Определенные службы отображаются в виде карточек поверх фонового изображения. Карточки состоят из изображений, текста, разделителей и кнопок. Они включают треугольник в углу изображения, чтобы показать скидку.

В разделе о преимуществах найма компании информация отображается в виде маркированного списка с заполнителем для изображения техника в центре. Мне нравится использование цвета, типографики и пробелов в этих макетах.

Отзывы отображаются рядом с четким призывом к действию на фоновом изображении. Они включают рамку, стилизованную под стиль сайта. Под отзывами находится тонкий призыв к действию, который ссылается на специальное продвижение. Хорошо выделяются красный и синий.

Проекты

В разделе о прошлых проектах отображается полноэкранное фоновое изображение со ссылкой на страницу проектов и изображения в сетке с кнопкой для просмотра проекта в наложении.

Купоны отображаются в виде карточек с фоновым изображением. Они размещаются поверх стилизованного фона с красным наложением. Это отличный способ дать стимул.

В разделе блога отображаются стилизованные карточки с треугольниками по углам.

CTA

Далее идут полноразмерный призыв к действию и раздел из двух столбцов с контактной информацией с одной стороны и картой с другой. Карта включает треугольные углы.

Дочерняя тема DiviHvac Страница "О нас"

На странице "О нас" используются несколько разделов домашней страницы. Он добавляет раздел о компании с изображением с одной стороны и текстом с другой. Пронумерованные объявления содержат конкретную информацию. Заявление о миссии соответствует информации о компании в альтернативном формате. Логотипы клиентов помещаются в полноразмерный раздел с выделенным заголовком.

Страница проектов DiviHvac

Выдающийся раздел страницы проектов - это галерея проектов. Текст и кнопки имеют стиль, соответствующий остальной части сайта, а наложение удаляется при наведении курсора.

Страница единого проекта DiviHvac

Страница Единого проекта включает раздел с информацией, статистикой и изображениями проекта. Он также включает CTA, чтобы записаться на прием.

Страница услуг DiviHvac

На странице «Службы» отображаются службы с карточками, состоящими из изображений, текста, разделителя и кнопочных модулей.

Единая страница обслуживания DiviHvac

Страница единой службы предоставляет область содержимого для подробностей об услугах со стилизованной формой для запроса услуги.

Страница блога DiviHvac

На странице «Архивы блога» сообщения блога отображаются в виде карточек с изображением, заголовком, мета-отрывком и кнопкой «Читать дальше».

Макет блога DiviHvac

Макет публикации блога отображает заголовок, мета, избранное изображение и контент в одном столбце со стилизованной боковой панелью.

Страница часто задаваемых вопросов DiviHvac

На странице часто задаваемых вопросов вопросы разбиты по темам. Ответы на вопросы даются переключателями. Эта страница также включает форму запроса на обслуживание.

Страница отзывов о детской теме DiviHvac

Отзывы размещаются на карточках с темно-синим фоном, звездочками, заголовком, разделителем и текстом.

Страница купонов детской темы DiviHvac

Наряду с яркими цветами, страница "Купоны" - одна из вещей, которые выделяют эту дочернюю тему Divi. Купоны предоставляются в качестве поощрения. Они созданы с помощью нескольких текстовых модулей и легко настраиваются.

Контактная страница дочерней темы DiviHvac

Страница «Контакты» включает стилизованную контактную форму рядом с изображением, за которой следует строка с контактной информацией и картой.

Страница благодарности дочерней темы DiviHvac

;

Страницу благодарности можно использовать как перенаправленную страницу, отправляющую сообщение любому, кто использует ваши контактные формы. Это отлично подходит для того, чтобы сообщить им, что вы получили их сообщение и чего ожидать. Сообщение простое, а дизайн соответствует остальной части веб-сайта.

Макеты конструктора тем DiviHvac

Макеты Theme Builder включают глобальные верхние и нижние колонтитулы, страницы категорий и страницу 404.

Заголовок

Глобальный заголовок состоит из нескольких строк. Верхний ряд включает модуль изображения для логотипа, информационные сообщения и текст для номера телефона, за которым следует полноразмерное меню. Этот макет также обеспечивает более простое меню для планшетов и телефонов.

Вот заголовки в визуальном представлении. Те, которые предназначены для мобильных устройств, находятся внизу и неактивны.

Вот меню на интерфейсе. Он включает стиль для раскрывающегося меню и липкую кнопку (Slide-in), которая остается в правой части экрана. Вы можете заменить квадратное изображение любым желаемым изображением или значком.

При наведении курсора на нее появляется липкая кнопка для вставки. Он работает как CTA с кнопкой и перенаправляет на страницу благодарности.

Функция Slide-in - это липкая кнопка, созданная с помощью класса CSS, добавленного в строку в глобальном заголовке, текстовом и нижнем модулях.

Нижний колонтитул

Глобальный нижний колонтитул был построен с помощью специального раздела и включает изображения, текст, подписку в социальных сетях и кнопку в трех строках.

Вот как это выглядит визуально.

Вот как это выглядит на главной странице.

404 Стр.

Страница 404 была построена с полноширинным заголовком. Вот как это выглядит визуально. Страница также включает глобальный верхний и нижний колонтитулы.

Где купить DiviHvac

Дочерняя тема DiviHvac Марка Хендриксена доступна на Divi Marketplace за 39 долларов. Он включает в себя неограниченное использование веб-сайта и 1 год поддержки и обновлений.

Конечные мысли

Это наш взгляд на дочернюю тему DiviHvac от Марка Хендриксена. В этой теме много страниц для демонстрации ваших услуг и проектов. Некоторые страницы, такие как Купоны и Спасибо, уникальны. Яркий красный и синий стиль выделяет страницы и придает им профессиональный вид. Хотя он разработан для компаний, занимающихся HVAC, которые занимаются установкой и ремонтом, этот дизайн отлично подойдет для любого подрядчика или ремонтного веб-сайта.

Ждем вашего ответа. Вы пробовали дочернюю тему DiviHvac? Дайте нам знать, что вы думаете об этом в комментариях.

Лучшее изображение через Seahorse Vector / shutterstock.com