Обзор детской темы Divi Pet Care

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

Установка детской темы Pet Care Divi

Установка проста. Во-первых, с активированным Divi загрузите дочернюю тему Divi Pet Care и активируйте ее, как любую тему WordPress.

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

Страницы детской темы "Уход за домашними животными"

Дочерняя тема Pet Care Divi включает более 25 страниц, включая 2 домашние страницы, О нас, несколько страниц с мероприятиями, несколько страниц блога, Забронировать сейчас, Связаться с нами, Часто задаваемые вопросы, Наш процесс, Цены, несколько страниц Политики конфиденциальности, несколько страниц Сервисов, страницу команды и страницу временной шкалы. Дополнительные страницы, такие как страница 404, создаются с помощью Theme Builder. Страницы включают графику, стилизованные меню, кнопки и т. Д.

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

Дом V1

Домашняя страница V1 - это домашняя страница по умолчанию. Призывы к встрече и телефону кликабельны. Призыв к действию в меню и назначении фиксируется. Раздел героя показывает изображение во всю ширину. Заголовок создается в построителе тем. Многие страницы включают элементы с этой страницы, а также уникальные элементы, такие как настраиваемые заголовки.

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

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

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

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

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

Дом V2

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

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

Услуги показаны в рекламных объявлениях с отпечатками лап вместо больших изображений.

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

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

Контактная форма размещена над нижним колонтитулом, чтобы получить расценки.

О нас

Раздел «О нас» на странице «О нас» включает в себя призыв к действию и небольшое изображение. Информация предоставляется с пометками и аннотациями. Страница также включает CTA и часы работы с первой домашней страницы, ветеринарный раздел, представляющий врачей, раздел изображений и глобальный нижний колонтитул.

Команда

Страница группы имеет такой же дизайн, что и страница «О нас», и добавляет информацию о врачах в альтернативном макете. Рекламные объявления подчеркивают их фирменные блюда и их доступность.

FAQs

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

Наш процесс

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

Заказать сейчас

Страница «Забронировать» включает стилизованную контактную форму вместе со стандартным разделом о героях и контактной информацией с пометками.

Лента новостей

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

Ценообразование

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

Услуги

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

Единая услуга

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

Блог

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

мероприятия

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

Конструктор тем

В Theme Builder есть 7 шаблонов, включая глобальные заголовки, сообщения, страницу 404, результаты поиска, страницы категорий проектов, все проекты, страницы категорий и глобальные нижние колонтитулы.

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

Меню ухода за домашними животными

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

Бланк брони

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

Форма бронирования встроена в глобальный заголовок в построителе тем с использованием нескольких модулей для изображений, текста, формы и кнопок, а также CSS и jQuery в модуле кода. Стиль использует комбинацию настроек Divi и CSS.

Графика ухода за домашними животными

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

Прелоадер

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

Код для предварительного загрузчика добавлен в файл custom.js дочерней темы. Вам потребуются некоторые навыки редактирования кода, чтобы настроить его.

Где купить Divi Pet Care

Дочерняя тема Divi Pet Care доступна на торговой площадке Divi. Он стоит 49,99 долларов и включает в себя неограниченное использование веб-сайта и 1 год поддержки и обновлений.

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

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

У него чистый макет с упором на назначение встреч. Цвета хорошо выделяют элементы, а пятнистый фон придает достаточно визуальной привлекательности, чтобы выделиться, не нарушая дизайн. У интерактивных элементов есть небольшая анимация наведения, которая меняет цвета, вращает элементы или добавляет тени прямоугольников. Если вас интересует дочерняя тема Divi для веб-сайта, посвященного домашним животным, вам стоит взглянуть на Divi Pet Care.

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

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