Выделение плагина Divi - Менеджер логотипов Divi

Логотипы - важная часть каждого веб-сайта. Они рассказывают вашим читателям о вашем бренде и обеспечивают узнаваемость бренда. Возможности веб-сайта с логотипом обычно ограничены. Используя Divi, мы можем настроить размер и заставить их уменьшаться или исчезать при прокрутке. Это замечательно для большинства веб-сайтов, но что, если вы хотите сделать больше со своим логотипом? Возможно, вас заинтересует сторонний плагин под названием Divi Logo Manager.

Divi Logo Manager - это плагин премиум-класса для Divi, который позволяет вам изменять логотипы на вашем веб-сайте. Вы можете использовать другой логотип в зависимости от устройства (мобильное устройство, планшет или компьютер), сменить логотип на другой при прокрутке, установить логотип для каждой страницы и настроить величину выступа. Он совместим со страницами, проектами и страницами продуктов WooCommerce.

В этом выделении плагина мы рассмотрим, что он может делать. Изображения для примеров взяты с Unsplash.com.

Установка и настройка Divi Logo Manager

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

Логотип рабочего стола добавлен в параметры темы Divi. Все остальные логотипы добавляются на эту страницу или на каждую страницу отдельно.

Свес

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

На страницу

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

Примеры менеджера логотипов Divi

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

Рабочий стол

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

Теперь, когда я загрузил логотип, он появляется в настройках плагина.

Свес

Вот посмотрите на несколько выступов. У этого есть небольшой выступ. Это просто заметно.

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

Это средний большой. Это хороший универсальный размер.

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

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

Функция свеса работает с Extra, но не функция замены логотипа. Вот экстра с большим свесом.

Прокрутка логотипа

Функция Scroll Logo позволяет указать логотип, который будет отображаться только при прокрутке. В этом примере я добавил логотип прокрутки.

Логотип меняется, как только заголовок уменьшается.

Планшет

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

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

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

Это Nexus 10 в портретном режиме.

Вот Nexus 10 в горизонтальном режиме. На нем отображается логотип на рабочем столе.

Вот Nexus 10 в прокрутке. На планшетах логотип меняется так же, как на рабочем столе.

Это невероятно большой выступ на iPhone 6 Plus.

Этот использует средний выступ на iPhone 6 Plus.

Здесь используется большой свес.

Этот использует Small Overhang.

Мобильный

Я добавил логотип для мобильного телефона.

Здесь используется отзывчивый с большим выступом.

Этот использует большой выступ с iPhone 6 Plus.

Это iPhone 6 Plus в горизонтальном режиме.

Это Galaxy Note 3.

Это Galaxy Note 3 в горизонтальном режиме. Возможно, вам придется поэкспериментировать с выступом, чтобы найти идеальный вариант для своего мобильного сайта.

Страницы продуктов WooCommerce

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

Страницы проекта

Divi Logo Manager также по умолчанию работает на страницах проекта. Вот страница проекта с новым логотипом Desktop. Как и обычные страницы, страницы Project включают настройку для выбора логотипа для каждой страницы.

На страницу

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

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

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

Вот логотип рабочего стола с большим выступом.

Вот логотип прокрутки.

Это мобильный логотип на iPhone 6 Plus.

Это iPhone 6 Plus в горизонтальном режиме.

Вот логотип планшета с Nexus 10.

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

На этой странице теперь используется собственный логотип при прокрутке.

Лицензия, обновления и поддержка

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

Для получения дополнительной информации посетите веб-сайт издателя KiwiWeb.co.uk.

Последние мысли

Divi Logo Manager прост и понятен в использовании. Просто выберите логотип, который вы хотите отображать для каждого устройства и для прокрутки, и установите величину выступа. Логотипы можно переопределить для каждой страницы индивидуально. Вывешивание - отличный способ добавить немного пафоса и выделить ваш сайт. Свес может быть сколь угодно скрытым или очевидным. Сама по себе функция выступа делает целесообразным использование плагина.

Если вас интересует выбор логотипов на основе устройства, изменение логотипа при прокрутке или добавление функции выступа, Divi Logo Manager может быть тем плагином, который вам нужен.

Мы хотели бы получить известие от вас. Вы использовали Divi Logo Manager? Дайте нам знать, что вы думаете, в комментариях ниже!

Лучшее изображение через SiuWing / shutterstock.com