Обзор дочерней темы Divi Matcha Shop

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

Установка детской темы Divi Matcha Shop

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

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

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

Все макеты загружаются одним щелчком мыши. Вот макеты. Имеет дизайн на 6 страниц. Вам нужно будет создать страницы, используя макеты, а затем создать свое меню. Тогда ваш веб-сайт будет выглядеть как демонстрация дочерней темы Divi Matcha Shop. Вам просто нужно добавить свой контент.

Страницы дочерних тем Divi Matcha Shop

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

Домашняя страница детской темы Divi Matcha Shop

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

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

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

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

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

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

О странице

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

Страница преимуществ

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

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

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

Страница магазина

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

Страница продукта

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

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

Контактная страница

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

CSS для дочерней темы Divi Matcha Shop

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

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

Где купить

Дочерняя тема Divi Matcha Shop доступна на торговой площадке Divi за 29 долларов. Он включает в себя неограниченное использование и один год поддержки и обновлений.

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

Это наш взгляд на дочернюю тему Divi Matcha Shop из Paper Temple. Это простая дочерняя тема, которая выглядит аккуратно и элегантно. Простота - отличный способ сосредоточиться на продуктах. Мне особенно нравится дизайн домашней страницы. Страница преимуществ - отличный способ предоставить информацию о продукте с помощью видео. На странице "О компании" хорошо используются карточки в стиле рекламных объявлений, чтобы помочь покупателю больше узнать о продуктах и ​​процессах. В заключение, если вы ищете дочернюю тему Divi для электронной коммерции, которая проста и удобна в использовании, стоит обратить внимание на Divi Matcha Shop.

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

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