Обзор продукта Divi: Avanti — многоцелевая дочерняя тема Divi

Опубликовано: 2023-05-15

Avanti — это сторонняя дочерняя тема для Divi с более чем 60 страницами в 9 нишах, которая поможет вам создать веб-сайт практически любого типа. Использование Avanti поможет вам быстрее создать свой сайт. Существуют также дизайны, ориентированные на WooCommerce, которые помогут вам легко настроить свой интернет-магазин. В этом посте мы рассмотрим некоторые макеты этой дочерней темы Divi, чтобы помочь вам решить, подходит ли вам этот продукт!

Давайте приступим к делу.

Оглавление
  • 1 Установка Аванти
  • 2 страницы Avanti, макеты и шаблоны
  • 3 Домашние страницы Аванти
    • 3.1 Домашняя страница ресторана Аванти
    • 3.2 Домашняя страница Avanti Photography
  • 4 Другие страницы Аванти
    • 4.1 Домашняя страница Магазин V1
    • 4.2 Домашняя страница Магазин V3
    • 4.3 Тележка V2
    • 4.4 Тележка V3
    • 4.5 Проверка V3
    • 4.6 О нас V4
    • 4.7 О нас V5
    • 4.8 Услуги V3
    • 4.9 Единая служба V3
    • 4.10 Свяжитесь с нами V4
    • 4.11 Свяжитесь с нами V5
    • 4.12 Отзывы V2
    • 4.13 Цены версии 2
  • 5 элементов Аванти
    • 5.1 Заголовки
    • 5.2 Сервисные боксы
    • 5.3 Отзывы
  • 6 Документация Аванти
  • 7 Где купить Аванти
  • 8 заключительных мыслей

Установка Аванти

Установить Аванти просто. Это работает так же, как установка обычной темы WordPress, но в ней есть еще пара шагов. Рекомендуется устанавливать Avanti на свежий сайт WordPress. Поскольку это дочерняя тема Divi, требуется Divi. Я нашел процесс установки интуитивно понятным.

  1. Перейти к внешнему виду
  2. Выберите темы
  3. Выберите Добавить новый

Установка Аванти

  1. Нажмите Загрузить тему
  2. Нажмите «Выбрать файл».
  3. Перейдите к заархивированному файлу на вашем компьютере, выберите его и нажмите «Установить сейчас».

Установка Аванти

  1. Нажмите Активировать

Установка Аванти

  1. Перейти к импорту демо-версии Avanti
  2. Нажмите Easy Demo Import
  3. Выберите «Импорт демо-контента».

Установка Аванти

  1. Нажмите «Удалить демо-контент и импортировать функции».

Установка Аванти

Страницы, макеты и шаблоны Avanti

Комбинируя страницы и шаблоны, Avanti предоставляет более 60 страниц с более чем 30 элементами в 9 нишах. Это включает в себя полные веб-сайты, несколько дизайнов верхнего и нижнего колонтитула, страницы магазина и т. д. Я покажу макет с изображениями-заполнителями для некоторых макетов и скриншоты с изображениями из демонстрации продаж, чтобы лучше рассмотреть готовый продукт. Вот некоторые из страниц.

Страницы, макеты и шаблоны Avanti

Вот некоторые из макетов, добавленных в библиотеку Divi.

Страницы, макеты и шаблоны Avanti

Он также включает 11 готовых и предварительно назначенных шаблонов.

Страницы, макеты и шаблоны Avanti

Домашние страницы Аванти

Avanti включает 11 домашних страниц для разных видов бизнеса. Они включают:

  1. Бизнес
  2. Ресторан
  3. Фотография
  4. Консультация
  5. Веб-дизайн
  6. Стоматологический
  7. Ремонт
  8. Водопроводчик
  9. Магазин В1
  10. Магазин В2
  11. Магазин V3

Страницы, макеты и шаблоны Avanti

Каждый включает в себя множество стилизованных элементов, анимацию наведения, анимацию прокрутки и даже эффект Кена Бернса для фоновых изображений. Они включают фиктивные изображения с их размером изображения. Домашняя страница для бизнеса используется по умолчанию. Эта дочерняя тема Divi получает регулярные обновления. Мы рассмотрим две новейшие домашние страницы, «Ресторан» и «Фотография», а также рассмотрим последнее обновление WooCommerce.

Домашняя страница ресторана Аванти

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

Домашняя страница ресторана Аванти

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

Домашняя страница ресторана Аванти

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

Домашняя страница ресторана Аванти

Домашняя страница фотографии Аванти

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

Домашняя страница фотографии Аванти

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

Домашняя страница фотографии Аванти

Другие страницы Аванти

Помимо домашних страниц, Avanti включает в себя 3 домашних страницы магазина WooCommerce, 5 о нас, 3 услуги, 3 страницы услуг, 5 контактов, 4 страницы портфолио и многое другое. Другие страницы включают блоги, спасибо, отзывы, часто задаваемые вопросы, цены, 404 и т. д. Многие из них также включают несколько версий.

Домашняя страница Магазин V1

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

Другие страницы Аванти

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

Другие страницы Аванти

Домашняя страница Магазин V3

Домашняя страница Магазин V3 — это новый дизайн магазина. Вот главный раздел с изображениями-заполнителями.

Домашняя страница Магазин V3

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

Домашняя страница Магазин V3

Корзина V2

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

Корзина V2

Корзина V3

Тележка V3 тоже новая. Он включает в себя тот же стиль, что и Корзина V2, но перемещает итоговые суммы корзины рядом с корзиной и не включает призыв к действию для продажи.

Корзина V3

Оформить заказ V3

Checkout V3 — это новая страница оформления заказа. Он включает в себя значки навигации в верхней части страницы и раздел из двух столбцов с формой оформления заказа слева и столбец меньшего размера справа с информацией и отзывами.

Оформить заказ V3

О нас V4

О нас V4 — это новая страница, разработанная для нового макета ресторана.

О нас V4

Вот часть страницы из демонстрации. Он включает в себя полноразмерный CTA с параллаксом, раздел «О нас» с эффектами масштабирования, CTA меню и стилизованные отзывы.

О нас V4

О нас V5

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

О нас V5

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

О нас V5

Услуги V3

Services V3 — это новая страница, разработанная для макета «Фотография». Он включает в себя раздел с изображениями для сервисов с интересным эффектом наведения. Изображение качается вверх, а текст качается вниз внутри карты, открывая фотографию и кнопку, чтобы увидеть больше. Он также включает стилизованные таблицы цен.

Услуги V3

Единая служба V3

Single Service V3 — это новая страница для макета «Фото». Он включает в себя большой раздел для текста и изображения для описания одной услуги. Он также включает в себя отзывы, контактную форму и т. д.

Единая служба V3

Свяжитесь с нами V4

Contact Us V4 — это страница контактов для нового макета ресторана. Он включает в себя раздел из двух столбцов с контактной информацией, часами работы и формой слева. Правая сторона включает карту в монохромном режиме.

Свяжитесь с нами V4

Свяжитесь с нами V5

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

Свяжитесь с нами V5

Отзывы V2

Testimonials V2 — это страница отзывов для нового макета ресторана. Он отображает отзывы в стилизованной карточке с фоновым изображением.

Отзывы V2

Цены версии 2

Pricing V2 — это новая страница макета для фотографий. Он включает в себя тот же раздел героев, отзывы и раздел контактов с других страниц, а также добавляет стилизованную таблицу цен. В таблице отображаются карточки разной высоты и цвета фона для заголовков.

Цены версии 2

Аванти Элементы

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

Заголовки

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

Заголовки

Сервисные коробки

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

Сервисные коробки

Отзывы

Avanti включает в себя 5 дизайнов отзывов. Они представляют ваши отзывы в стилизованных карточках. Они включают в себя новые дизайны для макетов ресторана и фотографии. Первый отзыв включает в себя эффекты наведения.

Отзывы

Аванти Документация

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

Где купить Аванти

Avanti доступен на Divi Marketplace за 35 долларов. Он включает в себя неограниченное использование, 30-дневную гарантию возврата денег и один год поддержки и обновлений.

Где купить Аванти

Окончание мыслей

Это наш взгляд на дочернюю тему Avanti Divi. Я нашел его простым в использовании, а количество страниц делает его очень универсальным. Новые страницы и элементы выглядят великолепно. Мне особенно понравились новые домашние страницы ресторана, фотографии и магазина. У Avanti много страниц во многих нишах, что делает его отличным выбором практически для любого типа веб-сайта. Я чувствовал, что его ценность намного перевешивала его цену.

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