Детская тема Divi Construction от Pee-Aye Creative Overview

Опубликовано: 2021-02-05

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

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

Установка Divi Construction

Установка проста. Установив Divi, просто загрузите и активируйте любую тему WordPress.

Установка Divi Construction

После активации дочерней темы Divi Construction вы увидите новый пункт меню под названием Divi Construction. Наведите на него курсор и нажмите Easy Demo Import . На этом экране будут показаны типы вещей, которые вы можете импортировать. Он также показывает рекомендуемый плагин с информацией о нем и вариантами его установки и активации. По умолчанию выбрано все.

Нажмите « Импортировать демонстрационный контент», чтобы импортировать выбранный контент и установить плагин. Подождите, пока он завершит импорт и установку. По завершении вы увидите экран с отметками о том, что было выполнено. Вы также увидите кнопку для удаления содержимого.

Установка Divi Construction

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

Divi Construction Pages

Divi Construction Pages

Divi Construction добавляет 18 страниц. Они включают в себя домашнюю страницу, множество страниц услуг, проекты, несколько страниц с информацией, несколько страниц блога и несколько дополнительных материалов, таких как отзывы и часто задаваемые вопросы. Мы рассмотрим некоторые из них. Элементы страницы хорошо помечены, поэтому ими легко пользоваться.

Домашняя страница Divi Construction

Домашняя страница Divi Construction

Домашняя страница включает раздел главного героя с областью для фонового изображения в параллаксе. Приветственный заголовок с желтой линией перемещается вправо при наведении курсора на CTA. Кнопки CTA меняют цвет при наведении курсора. В правой части экрана отображается интерактивная контактная информация.

Домашняя страница Divi Construction

Пронумерованный раздел аннотаций показывает, как продвигается работа. Они включают анимированную линию и меняют цвет границы при наведении курсора. В этом примере я нахожу курсор на среднее объявление.

Домашняя страница

Дочерняя тема Divi Construction включает в себя еще один набор объявлений, в которых показаны типы работы, которую вы можете выполнять. Они включают фоновые изображения с описаниями, значками и ссылками в наложении. В этом разделе также есть двухцветные значки. Заголовок, объявления и значки содержат анимацию наведения.

Домашняя страница

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

Домашняя страница

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

Домашняя страница

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

Домашняя страница

В разделе блога дочерней темы Divi Construction сообщения отображаются в виде карточек с перекрывающимся блоком для мета сообщений. Он также включает в себя избранное изображение, заголовок, описание и ссылку для чтения.

Домашняя страница

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

Домашняя страница

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

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

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

Страница Divi Construction Services включает элементы с домашней страницы и добавляет раздел рекламных объявлений для каждой услуги. Призыв к действию смешан с пятнами, но он окрашен по-разному, чтобы выделяться.

Сервисные страницы

Страницы строительных услуг Divi

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

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

Страница строительных проектов Divi

Страница Divi Construction Projects включает стилизованное отфильтрованное портфолио. Они отображают изображение с категорией вверху и перекрывающимся заголовком внизу. Я нахожу курсор на последний проект в этом примере, чтобы показать наложение. Стиль заголовка и фильтра соответствует стилю сайта.

Страница индивидуального проекта

Страница индивидуального проекта Divi Construction

На отдельных страницах проекта представлена ​​подробная информация о проекте. У них есть несколько элементов с домашней страницы и добавлены счетчики номеров, барные стойки и контактный призыв к действию с фоновым изображением.

О странице

Divi Construction О странице

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

Страница карьеры

Страница вакансий в Divi Construction

Страница Divi Construction Careers включает стилизованную форму заявки с полями для опыта, навыков, типа работы и т. Д.

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

Страница блога о строительстве Divi

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

Страница блога о строительстве Divi

Это полная ширина с левой боковой панелью.

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

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

Страница часто задаваемых вопросов Divi Construction добавляет аккордеоны для информации и разделяет их по категориям.

Страницы Положений и условий и Политики конфиденциальности

Страницы положений и условий Divi Construction и политики конфиденциальности

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

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

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

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

Заголовок строительства Divi

Заголовок строительства Divi

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

Заголовок строительства Divi

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

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

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

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

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

Нижний колонтитул включает форму подписки на рассылку новостей, сообщение и ссылки. Цвета фона постепенно становятся темнее, чтобы закрепить дизайн.

Меню строительства Divi

Меню строительства Divi

Дочерняя тема Divi Construction добавляет четыре меню и назначает их автоматически. Все элементы меню являются страницами, поэтому все, что вам нужно сделать, это удалить ненужные страницы в меню. Они хорошо промаркированы, поэтому легко узнать, какие из них загружать, а какие изменять.

Иконки конструкции Divi и руководство по стилю

Иконки конструкции Divi и руководство по стилю

Иконки и руководство по стилю представлены в отдельном файле. Иконки представлены в виде файлов .png и .ai. Они также добавлены в медиа-библиотеку, где к ним легко получить доступ и использовать в ваших макетах.

Иконки конструкции Divi и руководство по стилю

Руководство по стилю включает информацию о цветах, шрифтах и ​​т. Д.

Где купить Divi Construction

Где купить Divi Construction

Дочерняя тема Divi Construction доступна на торговой площадке Divi. Это стоит 39 долларов и включает в себя неограниченное использование веб-сайта и 1 год поддержки и обновлений.

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

Это наш взгляд на Divi Construction от Pee-Aye Creative. Я обнаружил, что дочернюю тему легко установить и использовать. Он содержит множество страниц для создания веб-сайта для строительной компании. Скорее всего, вам не нужно будет создавать страницу, которая еще не включена. Стили для цветов, шрифтов и кнопок являются глобальными, поэтому их легко изменить на всем сайте. Двухцветные значки помогут выделить ваш сайт. Еще мне нравятся небольшие анимации. Если вас интересует дочерняя тема Divi для строительного бизнеса, стоит подумать об этой теме.

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

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