Основные характеристики продукта Divi: пакет нижних колонтитулов Divi

Divi Footers Pack — это сторонний плагин для Divi с более чем 80 пользовательскими дизайнами нижнего колонтитула. Нижний колонтитул часто упускают из виду на любом веб-сайте WordPress. Пакет макетов, подобный этому, может упростить процесс проектирования нижнего колонтитула. В этом посте мы рассмотрим Divi Footers Pack, чтобы помочь вам решить, подходит ли этот продукт Divi для ваших нужд.

Загрузка макетов пакетов нижних колонтитулов Divi

Макеты Divi Footers Pack представляют собой файлы JSON, которые можно загрузить в вашу библиотеку Divi. Сначала скачайте и разархивируйте файл. Вы увидите 82 файла JSON в разархивированной папке.

1. Скачать
2. Распаковать

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

1. Диви
2. Библиотека Диви
3. Импорт и экспорт
4. Импортировать
5. Выберите файл
6. Импорт макетов Divi Builder

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

Макеты пакета нижних колонтитулов Divi

Вот посмотрите на несколько макетов нижнего колонтитула. Я выбрал те, которые мне больше всего понравились. Я опишу их и укажу, что мне больше всего в них нравится. Посмотрим, как они будут выглядеть спереди с макетом Divi. Я покажу каркасы и мобильное представление для некоторых из них. Я использую целевую страницу из бесплатного пакета Coworking Layout Pack для всех примеров.

Divi Footers Pack Дизайн нижнего колонтитула 1

Footer Design 1 — это первый макет нижнего колонтитула в пакете Divi Footers Pack. Он отображает меню нижнего колонтитула слева с уведомлением об авторских правах под ним. Справа находятся иконки социальных сетей. Все в красном.

Вот как это выглядит на лицевой стороне.

Дизайн нижнего колонтитула 2

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

Дизайн нижнего колонтитула 7

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

Дизайн нижнего колонтитула 12

Многие из макетов нижнего колонтитула включают модули кода для добавления собственного стиля. Это Footer Design 12. Он также включает градиентный фон и добавляет большую форму электронной почты.

Дизайн нижнего колонтитула 14

Footer Design 14 отображает четыре столбца со ссылками, меню и блог. Этот также включает в себя модуль кода для стилизации. Вот каркас с открытым модулем кода.

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

Дизайн нижнего колонтитула 16

Footer Design 16 добавляет несколько строк в разные столбцы. Этот также включает в себя пользовательский код. Вот каркас.

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

Дизайн нижнего колонтитула 18

Footer Design 18 добавляет в раздел фоновое изображение и наложение. Он также включает четыре столбца с множеством дополнений, включая кнопку CTA, часы работы и галерею.

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

Дизайн нижнего колонтитула 25

Footer Design 25 — еще один макет с фоновым изображением. Это добавляет много места под ссылками, чтобы освободить место для фонового изображения.

Дизайн нижнего колонтитула 26

Нижний колонтитул 26 использует специальный раздел для создания многоколоночного макета. Вот каркас.

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

Дизайн нижнего колонтитула 30

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

Дизайн нижнего колонтитула 34

В Footer Design 34 используется коричневый фон с белым текстом. Макет включает три колонки с кликабельной контактной информацией. Фоны для социальных иконок выделяются ровно настолько, чтобы привлечь внимание.

Дизайн нижнего колонтитула 37

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

Дизайн нижнего колонтитула 38

Footer Design 38 отображает содержимое в центре большого круга с еще более темным фоном позади него. Содержимое по центру имеет достаточное разделение, чтобы ничего не потерялось в макете. Цвета шрифта и значков отлично смотрятся на темно-сером фоне.

Дизайн нижнего колонтитула 41

Нижний колонтитул Design 41 также использует специальный раздел для создания макета с несколькими столбцами. Это вид каркаса.

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

Дизайн нижнего колонтитула 43

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

Дизайн нижнего колонтитула Divi Footers Pack 46

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

Дизайн нижнего колонтитула 52

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

Дизайн нижнего колонтитула 55

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

Дизайн нижнего колонтитула 59

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

Дизайн нижнего колонтитула Divi Footers Pack 63

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

Дизайн нижнего колонтитула 67

Footer Design 67 имеет интересный макет. Каркас показывает несколько столбцов, но некоторые из них намеренно не используются.

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

Дизайн нижнего колонтитула 69

Footer Design 69 — один из самых больших колонтитулов в пакете Divi Footers Pack. Он включает в себя два больших раздела. Оба имеют синий фон и золотой текст. В верхней части отображается полноразмерное изображение. В этом разделе создается призыв к действию. Второй раздел включает в себя стандартные элементы нижнего колонтитула с контактной информацией, ссылками и формой электронной почты. Бело-золотой текст отлично сочетается с синим фоном.

Дизайн нижнего колонтитула 77

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

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

Дизайн нижнего колонтитула Divi Footers Pack 81

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

Вот как это выглядит на мобильном телефоне. Все столбцы складываются. Контактная форма соответствует ширине экрана.

Где купить набор нижних колонтитулов Divi

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

Завершающие мысли о пакете нижних колонтитулов Divi

Это наш взгляд на Divi Footers Pack для Divi Builder. В этом пакете есть много готовых дизайнов нижнего колонтитула. Мы рассмотрели только несколько макетов в этом посте, но это должно дать хорошее представление о том, насколько хорошо они работают с любым макетом Divi. Они просты в использовании, но я рекомендую загружать их все сразу, если вы хотите использовать несколько макетов. Все макеты выглядят профессионально, и у них есть широкий выбор дизайнов.

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