Особенности продукта Divi: детская тема Clara Divi
Опубликовано: 2023-07-03Clara — это дочерняя тема Divi с современным и женственным дизайном. Он поставляется с более чем 16 полностью настраиваемыми страницами и несколькими вариантами дизайна для разделов заголовка и главного экрана. Дочерняя тема Clara Divi идеально подходит для компаний, предоставляющих услуги, и включает в себя макеты для вашего портфолио, страницы услуг, отзывы и многое другое. В этом посте мы подробно рассмотрим дочернюю тему Clara Divi, чтобы помочь вам решить, подходит ли вам эта дочерняя тема Divi.
Давайте начнем!
- 1 Установка дочерней темы Clara Divi
- 2 страницы детских тем Клары Диви
- 2.1 Домашняя страница Клары
- 2.2 Страница Клары о нас
- 2.3 Страница услуг Clara
- 2.4 Страница отдельной услуги Clara
- 2.5 Страница проектов Клары
- 2.6 Страница одного проекта Клары
- 2.7 Страница отзывов Клары
- 2.8 Страница цен Клары
- 2.9 Страница часто задаваемых вопросов Клары
- 2.10 Блог Клары с боковой панелью
- 2.11 Сетка блога Клары
- 2.12 Страница контактов Клары
- 2.13 Страница благодарности Клары
- 3 Детская тема Clara Divi Шаблоны Divi Theme Builder
- 3.1 Схема категорий Клары
- 3.2 Макет Clara Single Post
- 3.3 Макет страницы Clara 404
- 3.4 Макеты заголовка и меню Clara
- 4 Дополнительные макеты детской темы Clara Divi
- 4.1 Макеты заголовков Clara Hero
- 4.2 Макеты подзаголовков Clara
- 5 Где купить детскую тему Clara Divi
- 6 заключительных мыслей
Установка дочерней темы Clara Divi
Перед установкой дочерней темы Clara Divi убедитесь, что Divi установлен на вашем сайте WordPress. Автор темы рекомендует установить Clara на новую установку WordPress, поскольку дочерняя тема перезапишет существующий веб-сайт. Когда вы будете готовы к установке, перейдите на страницу «Темы» в разделе «Внешний вид» на панели управления WordPress и нажмите «Добавить новую».
На странице «Добавить темы» нажмите кнопку «Загрузить тему» вверху. Выберите clara-divi-child-theme.zip из ваших файлов, затем нажмите «Установить сейчас».
После установки активируйте тему.
Когда дочерняя тема активирована, в меню Dashboard появится вкладка Clara Demo Import. Эта страница позволяет легко импортировать все содержимое и настройки дочерней темы одним щелчком мыши. Чтобы начать, выберите «Импорт демо-контента».
После успешной установки вы увидите сообщение о завершении.
Теперь дочерняя тема полностью установлена и настроена для использования — все, что вам нужно сделать, это заменить содержимое! Давайте рассмотрим макеты страниц, которые поставляются с дочерней темой Clara Divi.
Клара Диви Детские Тематические Страницы
Дочерняя тема Clara Divi поставляется с 16 различными макетами страниц, включая страницы блога и проекта. Некоторые макеты настроены как страницы, а некоторые — как макеты Divi Theme Builder. Дочернюю тему можно редактировать с помощью Divi Builder, поэтому вы можете легко изменить содержимое или изменить дизайн и цвета по своему усмотрению.
Дизайн дочерней темы Clara Divi простой, элегантный и женственный, в приглушенной розово-оранжевой цветовой гамме. Мне нравится основной шрифт с засечками, который был выбран для заголовков, а рукописный шрифт, используемый в качестве акцента, добавляет приятный штрих дизайну. Анимация загрузки используется для изображений на протяжении всего дизайна, добавляя неуловимое, но эффективное движение в макеты.
Рассмотрим подробнее каждый макет.
Домашняя страница Клары
Домашняя страница открывается разделом главного заголовка с изображением, которое выдвигается сбоку, и кнопкой призыва к действию. На странице также есть раздел услуг, раздел с призывом к действию, раздел с отзывами, раздел о том, как мы работаем, где вы можете выделить этапы процесса, последние сообщения в блоге и форму подписки на информационный бюллетень. Мне очень нравится макет главной страницы, особенно раздел «Как мы работаем» с наложенным текстом и стрелками.
Клара О нас Страница
На странице «О нас» есть заголовок с двумя изображениями, за которым следует раздел «Как все началось» с тремя числовыми счетчиками. Раздел «Наша история» имеет изображение справа и переключатель. Далее следует раздел отзывов, раздел CTA и форма подписки на информационный бюллетень.
Страница услуг Клары
На странице услуг есть заголовок, некоторый текст описания и 6 блоков для демонстрации каждой из ваших услуг. Далее следуют разделы с отзывами, призывом к действию и подпиской на новостную рассылку.
Клара Единая страница обслуживания
На этом макете страницы вы можете поделиться подробной информацией о своей услуге. Как и другие страницы, эта страница начинается с раздела заголовка с двумя изображениями, которые скользят сбоку. Основной раздел на этой странице содержит длинный текст с изображением справа. Ниже расположены три числовых счетчика, за которыми следует раздел CTA, отзывы и подписка на информационный бюллетень.
Страница проектов Клары
Страница проектов может служить портфолио, чтобы показать ваши прошлые работы. В макете есть заголовок, за которым следует раздел портфолио с большими изображениями, чтобы продемонстрировать свою работу. При наведении появляется оранжевое наложение. Как и многие другие страницы, эта страница заканчивается разделом с отзывами, разделом с призывом к действию и подпиской на информационный бюллетень.
Страница одного проекта Клары
На странице одного проекта вы можете выделить отдельный проект или элемент портфолио, который хотите продемонстрировать. В макете используется простой раздел заголовка с заголовком, за которым следует раздел сводки проекта, где вы можете написать о клиенте, задаче и решении. В этом макете есть четыре изображения, которые вы можете использовать для демонстрации изображений вашей работы. Под ними находятся два подзаголовка для задачи и решения с разделом-переключателем, который может открываться для получения дополнительной информации о работе. Далее следуют раздел отзывов, раздел CTA и раздел подписки на новостную рассылку.
Страница отзывов Клары
На странице отзывов есть заголовок, за которым следует раздел отзывов. Каждый отзыв находится в поле со значком цитаты в правом верхнем углу. Эти разделы с отзывами состоят из двух рядов, между которыми размещен один отзыв во всю ширину. Страница заканчивается призывом к действию и разделом подписки на новостную рассылку.
Страница цен Клары
Страница с ценами открывается с заголовком. Раздел с ценами находится ниже и содержит цены и кнопку слева, а название ценовой категории и описание — справа. В этом разделе также есть три числовых счетчика, за которыми следуют разделы отзывов, CTA и подписки на новостную рассылку.
Страница часто задаваемых вопросов Клары
Макет страницы часто задаваемых вопросов также начинается с раздела заголовка с двумя изображениями. Раздел часто задаваемых вопросов ниже разделен на три подраздела, что, на мой взгляд, является приятным штрихом, чтобы помочь клиентам легко ориентироваться на странице. Вопросы часто задаваемых вопросов отформатированы в переключаемых модулях, которые раскрываются при нажатии. Далее следуют разделы с отзывами, призывом к действию и подпиской на новостную рассылку.
Блог Клары с боковой панелью
Дочерняя тема Clara Divi поставляется с двумя разными макетами страниц блога. Первый макет — это блог с макетом боковой панели. Этот макет начинается с большого заголовка, за которым следует раздел блога, разделенный на содержимое блога слева и боковую панель справа. Содержимое блога расположено по центру и имеет большое изображение. На боковой панели есть раздел введения, модуль поиска, последние сообщения и ссылки на категории блога. Внизу страницы находится раздел подписки на рассылку новостей.
Клара Блог Сетка
Альтернативным макетом блога является макет сетки блога, который не имеет боковой панели. Страница начинается с большого заголовка, а сообщения блога ниже организованы в виде сетки. Ниже находится раздел подписки на рассылку новостей.
Клара Контакты Страница
На странице контактов есть раздел заголовка с двумя изображениями. Адрес, электронная почта и часы работы выделены ниже значками. Далее следует раздел контактов, в котором есть некоторый текст и контактная форма. Ниже находится форма подписки на рассылку новостей.
Страница Клары с благодарностью
Страница благодарности отображается после заполнения контактной формы. Этот макет включает заголовок, три аннотации для адреса, адрес электронной почты, информацию о часах работы и последние сообщения в блоге, за которыми следует форма подписки на информационный бюллетень.
Clara Divi Child Theme Divi Theme Builder Templates
Макет категорий Клары
Макет категории блога открывается простым заголовком и содержит сообщения блога в виде сетки, за которыми следует раздел подписки на информационный бюллетень.
Клара Одноместный макет поста
В макете с одним сообщением содержимое сообщения блога находится слева, а боковая панель справа. За содержанием следует раздел подписки на информационный бюллетень.
Клара 404 Макет страницы
На странице 404 есть заполнитель для изображения, текста и кнопки, которая возвращает пользователей на домашнюю страницу.
Клара Заголовок и макеты меню
Дочерняя тема Clara Divi поставляется с четырьмя макетами заголовка и меню, которые вы можете выбрать.
Клара Заголовок и макет меню V1
Первый макет имеет большой логотип по центру вверху, поле поиска слева и значки социальных сетей справа. Меню по центру внизу.
Клара Заголовок и макет меню V2
Макет заголовка и меню 2 включает логотип слева, выровненное по правому краю меню в центре и значки социальных сетей справа.
Клара Заголовок и макет меню V3
Третий макет имеет центрированное меню со встроенным логотипом. Слева находится строка поиска, а справа — иконки социальных сетей.
Клара Заголовок и макет меню V4
Четвертый макет использует оранжевое подменю вверху для отображения значков социальных сетей и кнопки CTA. Ниже логотип расположен по центру с меню ниже.
Дополнительные макеты дочерней темы Clara Divi
Дочерняя тема Clara Divi также включает альтернативные макеты заголовков и подзаголовков. Давайте взглянем.
Макеты заголовков Clara Hero
Клара Герой Заголовок V1
Этот макет заголовка имеет большое изображение, которое скользит сбоку.
Клара Герой Заголовок V2
Этот заголовок содержит текст и кнопку на большом изображении с темным наложением.
Клара Герой Заголовок V3
Этот заголовок также имеет большое фоновое изображение с темным наложением. Текст заголовка выравнивается по центру.
Клара Герой Заголовок V4
Четвертый главный заголовок содержит три изображения рядом с крупным текстом заголовка.
Макеты подзаголовков Clara
Клара подзаголовок V1
Первый макет подзаголовка состоит из двух изображений, которые скользят с противоположных сторон и перекрываются. Содержимое подзаголовка находится справа с кнопкой CTA.
Клара подзаголовок V2
Подзаголовок v2 находится на большом фоне изображения. Текст выравнивается по левому краю.
Клара подзаголовок V3
Наконец, третий подзаголовок также находится на большом фоне изображения и имеет темное наложение. Текст располагается по центру раздела.
Где купить детскую тему Clara Divi
Дочерняя тема Clara Divi доступна на Divi Marketplace. Это стоит 35 долларов за неограниченное использование веб-сайта и один год поддержки и обновлений. Цена также включает 30-дневную гарантию возврата денег.
Последние мысли
На этом мы завершаем наш взгляд на дочернюю тему Clara Divi. Clara проста в установке и может помочь вам ускорить процесс веб-дизайна. Мне очень нравится общий дизайн дочерней темы, и я ценю вариации некоторых элементов дизайна, которые включил автор темы. Поскольку это дочерняя тема Divi, вы можете легко использовать параметры дизайна Divi для настройки дизайна. Или вы можете просто заменить контент и получить готовый веб-сайт с минимальными усилиями. Если вы ищете современную, хорошо продуманную дочернюю тему Divi для продвижения своих услуг, дочерняя тема Clara Divi — отличный вариант.
Мы были бы рады получить известия от вас! Пробовали ли вы детскую тему Clara Divi? Дайте нам знать, что вы думаете об этом в комментариях!