5 дизайн каруселей для Divi 5 (скачать бесплатно)

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

Предварительный просмотр

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

Подписаться на наш канал на YouTube

Скачать 5 секций Carousel для Divi 5

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

Загрузите файлы

Скачать бесплатно

Присоединяйтесь к информационному бюллетеню Divi, и мы отправим вам копию «Копия Ultimate Divi Landing Layout Page», а также множество других удивительных и бесплатных ресурсов Divi, советов и хитростей. Следуйте, и вы станете мастером Divi в кратчайшие сроки. Если вы уже подписаны, просто введите свой адрес электронной почты ниже и нажмите «Скачать», чтобы получить доступ к пакету макетов.

СКАЧАТЬ

Вы успешно подписались. Пожалуйста, проверьте свой адрес электронной почты, чтобы подтвердить свою подписку и получить доступ к бесплатным еженедельным пакетам макетов Divi!

Что включено (6 экспорт)

После того, как вы загрузите и расстегнут папку, вы найдете все 6 экспорта макетов, аккуратно организованных в виде отдельных разделов и в качестве полного пакета «все секции».

По умолчанию - отдельные разделы (5) → используют ваши глобальные стили.
По умолчанию - все разделы (1) → полный пакет с использованием ваших глобальных стилей.

Как использовать дизайн каруселей

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

1. Импорт разделов в библиотеку Divi

Перейти в Диви → Библиотека Диви.

Оказавшись там, нажмите кнопку «Импорт и экспорт», чтобы установить файлы.

Ищите файл разделов Carousel (все) и нажмите, чтобы импортировать его.

2. Добавьте раздел карусели на страницу

Откройте страницу в визуальном строителе (или создайте новую).

Нажмите синий «+», чтобы добавить новый раздел, затем выберите «Добавить из библиотеки» .

Нажмите на раздел карусели, которую вы хотите вставить.

Нажмите кнопку «Используйте этот раздел» , чтобы загрузить раздел.

Обязательно сохраните свою страницу, когда закончите.

Как работает стиль (только по умолчанию)

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

Настройка каруселей

Модуль группы Divi 5 Group Carousel дает вам мощные инструменты для настройки макетов, сохраняя при этом все отзывчивое. Вот как настроить эти разделы в соответствии с стилем вашего сайта.

1. Замените содержание слайда

В визуальном строителе наведите слайд и откройте модуль (ы) внутри - изображение, текстовый модуль, кнопку, обозначение или список значков. Замените изображения, копирование и вызовы к действию. Вы можете использовать Divi AI, чтобы помочь написать краткие заголовки или подписи.

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

2. Отрегулируйте настройки карусели

Откройте настройки группы карусель. На вкладке «Дизайн» устанавливают элементы на просмотр на устройство, промежуток для слайда, автоматическое раскрытие, скорость, петля и навигация (стрелки) или страница (точки).

Используйте отзывчивые переключатели для точек останова тонкой настройки.

Если вы предпочитаете минимальный пользовательский интерфейс, отключите стрелки или точки и полагайтесь на взаимодействие и перетаскивание.

3. Добавить элементы к слайду

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

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

4. переупорядочить, дублировать или удалить слайды

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

5. Управление складкой слайда с помощью Flexbox

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

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

6. Используйте проектные переменные, пресеты и расширяйте атрибуты

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

Используйте расширение атрибутов , чтобы применить изменение стиля от одного модуля на остальные слайды в одном действии.

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

7. Необязательно: переключитесь на динамическое содержание с помощью строителя петли

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

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

Используйте Divi 5 для строительства ваших каруселей сегодня

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