20 фунтов стержней для Divi 5 (скачать бесплатно!)

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

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

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

https://youtu.be/xutcua0rccs

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

Скачать 20 фунтов стержней для Divi 5

Получите все 20 файла Flexbox бесплатно, в том числе как по умолчанию, так и версии. Каждый нижний колонтитул готов импортировать в вашу библиотеку Divi и использовать в создателе темы. Просто скачайте и начните строить.

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

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

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

СКАЧАТЬ

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

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

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

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

Prestyled-отдельные нижние колонтитулы (20) → включает в себя встроенный стиль для мгновенного, готового вида.
Prestyled - все нижние колонтитулы (1) → полный пакет с применением встроенного стиля.

Как установить макеты

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

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

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

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

Ищите файл макетов макетов Flexbox Cool (All) и нажмите, чтобы импортировать его.

2. Создайте новый шаблон нижнего колонтитула

Перейти к Divi → Builder.

Создайте новый шаблон нижнего колонтитула или откройте существующий.

3. Загрузить макет нижнего колонтитула

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

Выберите сохраненный макет .

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

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

Обязательно сохраните изменения в новом нижнем колонтитуле и застройке темы.

По умолчанию против Prestyled: Что вы должны выбрать?

Когда вы откроете папку для загрузки, вы увидите две версии каждого нижнего колонтитула: ** по умолчанию ** и ** prestyled **. Они построены точно так же, разница в том, как они справляются с стилем.

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

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

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

Настройка нижних колонтитулов

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

1. Выберите модуль для настройки

В The Theme Builder, наведите на макет и нажмите на модуль, который вы хотите отредактировать, например, текстовый модуль, модуль социальных сетей или кнопку. Панель настроек модуля откроется, что позволяет вам изменять параметры контента, проектирования или расширенного.

Например, вы можете нажать на текстовый модуль и изменить содержание модуля или использовать Divi AI, чтобы помочь записать контент, который привлечет внимание посетителей.

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

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

2. Отрегулируйте настройки Flexbox для управления макетом

Каждый нижний колонтитул разработан с использованием системы макета Flexbox от Divi 5, что означает, что вы можете изменить направление макета, выравнивать элементы или обернуть их с помощью обширных элементов управления Flexbox. В The Theme Builder нажмите на раздел или строку, которую вы хотите настроить. Например, если вы хотите настроить пространство между элементами дизайна, выберите столбец в строке, перейдите на вкладку «Дизайн» и выберите раскрывающееся меню макета.

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

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

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

В поле Align Items вы можете выравнивать элементы дизайна в контейнере с началом, в центре, конец или растяжение.

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

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

3. Добавьте ссылки, где это необходимо

Хотя каждая компоновка нижнего колонтитула готова выйти из коробки, вам все равно нужно добавить ссылки. В этом примере вы добавите ссылки на свои социальные сети «Следуйте модуль или политике конфиденциальности». Нажмите, чтобы развернуть настройки модуля. Нажмите на первый элемент на вкладке Content, чтобы раскрыть его настройки.

Разверните раскрытие ссылки и добавьте ссылку на свою учетную запись или страницу в поле URL -адреса ссылки .

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

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

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