Особенности продукта Divi: детская тема Clara Divi

Опубликовано: 2023-07-03

Clara — это дочерняя тема 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 1

На странице «Добавить темы» нажмите кнопку «Загрузить тему» ​​вверху. Выберите clara-divi-child-theme.zip из ваших файлов, затем нажмите «Установить сейчас».

Установка детской темы Clara Divi 2

После установки активируйте тему.

Установка детской темы Clara Divi 3

Когда дочерняя тема активирована, в меню Dashboard появится вкладка Clara Demo Import. Эта страница позволяет легко импортировать все содержимое и настройки дочерней темы одним щелчком мыши. Чтобы начать, выберите «Импорт демо-контента».

Установка детской темы Clara Divi 4

После успешной установки вы увидите сообщение о завершении.

Установка детской темы Clara Divi 5

Теперь дочерняя тема полностью установлена ​​и настроена для использования — все, что вам нужно сделать, это заменить содержимое! Давайте рассмотрим макеты страниц, которые поставляются с дочерней темой Clara Divi.

Клара Диви Детские Тематические Страницы

Дочерняя тема Clara Divi поставляется с 16 различными макетами страниц, включая страницы блога и проекта. Некоторые макеты настроены как страницы, а некоторые — как макеты Divi Theme Builder. Дочернюю тему можно редактировать с помощью Divi Builder, поэтому вы можете легко изменить содержимое или изменить дизайн и цвета по своему усмотрению.

Дизайн дочерней темы Clara Divi простой, элегантный и женственный, в приглушенной розово-оранжевой цветовой гамме. Мне нравится основной шрифт с засечками, который был выбран для заголовков, а рукописный шрифт, используемый в качестве акцента, добавляет приятный штрих дизайну. Анимация загрузки используется для изображений на протяжении всего дизайна, добавляя неуловимое, но эффективное движение в макеты.

Рассмотрим подробнее каждый макет.

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

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

Клара Диви Детская Тема Главная

Клара О нас Страница

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

Clara Divi Детская тема О нас

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

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

Clara Divi Child Theme Services

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

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

Clara Divi Child Theme Single Service

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

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

Проекты

Страница одного проекта Клары

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

Клара Диви Детская тема Одиночный проект

Страница отзывов Клары

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

Clara Divi Child Theme Отзывы

Страница цен Клары

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

Цены на детскую тему Clara Divi

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

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

Часто задаваемые вопросы о детской теме Clara Divi

Блог Клары с боковой панелью

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

Клара Диви Детская тема Боковая панель блога

Клара Блог Сетка

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

Clara Divi Child Theme Blog Grid

Клара Контакты Страница

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

Clara Divi Детская тема Свяжитесь с нами

Страница Клары с благодарностью

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

Клара Диви Детская Тема Спасибо

Clara Divi Child Theme Divi Theme Builder Templates

Макет категорий Клары

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

Clara Divi Child Theme Blog Категория

Клара Одноместный макет поста

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

Клара Диви Детская Тема Блог Отдельный Пост

Клара 404 Макет страницы

На странице 404 есть заполнитель для изображения, текста и кнопки, которая возвращает пользователей на домашнюю страницу.

Детская тема Клары Диви 404

Клара Заголовок и макеты меню

Дочерняя тема Clara Divi поставляется с четырьмя макетами заголовка и меню, которые вы можете выбрать.

Клара Заголовок и макет меню V1

Первый макет имеет большой логотип по центру вверху, поле поиска слева и значки социальных сетей справа. Меню по центру внизу.

Меню заголовка детской темы Clara Divi 1

Клара Заголовок и макет меню V2

Макет заголовка и меню 2 включает логотип слева, выровненное по правому краю меню в центре и значки социальных сетей справа.

Меню заголовка детской темы Clara Divi 2

Клара Заголовок и макет меню V3

Третий макет имеет центрированное меню со встроенным логотипом. Слева находится строка поиска, а справа — иконки социальных сетей.

Меню заголовка детской темы Clara Divi 3

Клара Заголовок и макет меню V4

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

Меню заголовка детской темы Clara Divi 4

Дополнительные макеты дочерней темы Clara Divi

Дочерняя тема Clara Divi также включает альтернативные макеты заголовков и подзаголовков. Давайте взглянем.

Макеты заголовков Clara Hero

Клара Герой Заголовок V1

Этот макет заголовка имеет большое изображение, которое скользит сбоку.

Clara Divi Child Theme Hero 1

Клара Герой Заголовок V2

Этот заголовок содержит текст и кнопку на большом изображении с темным наложением.

Клара Диви Детский Тематический Герой 2

Клара Герой Заголовок V3

Этот заголовок также имеет большое фоновое изображение с темным наложением. Текст заголовка выравнивается по центру.

Клара Диви Детский Тематический Герой 3

Клара Герой Заголовок V4

Четвертый главный заголовок содержит три изображения рядом с крупным текстом заголовка.

Клара Диви Детский Тематический Герой 4

Макеты подзаголовков Clara

Клара подзаголовок V1

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

Clara Divi Child Theme Subheader 1

Клара подзаголовок V2

Подзаголовок v2 находится на большом фоне изображения. Текст выравнивается по левому краю.

Клара подзаголовок V3

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

Clara Divi Child Theme Subheader 3

Где купить детскую тему Clara Divi

Дочерняя тема Clara Divi доступна на Divi Marketplace. Это стоит 35 долларов за неограниченное использование веб-сайта и один год поддержки и обновлений. Цена также включает 30-дневную гарантию возврата денег.

Покупка детской темы Clara Divi

Последние мысли

На этом мы завершаем наш взгляд на дочернюю тему Clara Divi. Clara проста в установке и может помочь вам ускорить процесс веб-дизайна. Мне очень нравится общий дизайн дочерней темы, и я ценю вариации некоторых элементов дизайна, которые включил автор темы. Поскольку это дочерняя тема Divi, вы можете легко использовать параметры дизайна Divi для настройки дизайна. Или вы можете просто заменить контент и получить готовый веб-сайт с минимальными усилиями. Если вы ищете современную, хорошо продуманную дочернюю тему Divi для продвижения своих услуг, дочерняя тема Clara Divi — отличный вариант.

Мы были бы рады получить известия от вас! Пробовали ли вы детскую тему Clara Divi? Дайте нам знать, что вы думаете об этом в комментариях!