Обзор дочерней темы приложения Divi

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

Установка дочерней темы приложения Divi

Установить дочернюю тему Divi App очень просто. Он работает как любая тема WordPress, а содержимое импортируется одним щелчком мыши. Когда Divi активирован, загрузите и активируйте приложение Divi в меню тем WordPress.

После активации дочерней темы вы увидите новый пункт меню, добавленный на панель инструментов, который называется « Импорт демонстрации» . Нажмите Easy Import Demo в этом меню и выберите элементы, которые вы хотите импортировать. Сюда входят сообщения, мультимедиа, меню, домашняя страница, виджеты и параметры темы Divi. По умолчанию выбрано все. Однако у него нет сообщений или виджетов для импорта. Я рекомендую оставить все отмеченным. Нажмите « Импортировать демонстрационный контент» и дождитесь завершения импорта. Не уходите с этого экрана.

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

Домашняя страница дочерней темы приложения Divi

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

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

Раздел героев

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

Функции

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

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

Галерея

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

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

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

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

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

Отображение статистики приложения с числовыми счетчиками над полноразмерным фоновым изображением.

Отзыв

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

часто задаваемые вопросы

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

Клиенты

В разделе «Клиенты» имеется полноразмерная область для отображения логотипов ваших клиентов. Логотипы являются модулями изображений. Они появляются по одному, когда вы переходите к этому разделу.

Контакт

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

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

Меню дочерней темы приложения Divi

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

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

Где купить приложение Divi

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

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

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

Ждем вашего ответа. Вы пробовали дочернюю тему приложения Divi? Сообщите нам о своем опыте в комментариях ниже.

Избранные изображения через Джулию Тим / shutterstock.com