Втягивать Виджет слайдера логотипа, добавить каждый логотип как ряд ретранслятора, установить слайды-за-просмотр для рабочего стола, планшета и мобильного, и включить автовоспроизведение с петлей Это бесплатный виджет, один из целое семейство карусельных виджетови все это занимает около пяти минут.
Настройка легкая Что не просто сделать двенадцать логотипов от двенадцати разных компаний выглядят как они принадлежат в одном ряду Это реальная проблема с каждой полосой логотипа, и вторая половина этого покрывает его.
Шаг 1: Добавьте виджет "Ползунок логотипа"
Поиск на панели Elementor для “logo slider” и перетащить его в. Это часть бесплатного плагина Master Addons, и разбивка "свободно против профессионалов" имеет полный список того, что еще находится в этом уровне. The Документация Logo Slider охватывает каждый элемент управления, если вы хотите эталонную версию. Большинство плагинов дополнений поставляют виджет логотипа какого-либо типа, и сравнение плагинов Карусели говорит, какие из них оставили это за лицензией.
Шаг 2: Добавьте свои логотипы
Каждый логотип представляет собой ряд ретранслятора: изображение логотипа, необязательную ссылку и необязательный текст наведения или изображение наведения. Альтернативный текст поступает из поля Alt Text изображения в медиатеке.
Здесь нужно сделать две вещи, которые большинство людей пропускают:
Напишите реальный альтернативный текст. логотип “Acme Corp,” не “logo-1.png.” Полоса логотипа - одно из немногих мест, где текст alt несет подлинную информацию, потому что названия компаний - это контент Пользователи программы чтения с экрана ничего не получают из двенадцати изображений, называемых “image.”
Ссылку каждого логотипа только если пункт назначения полезен. привязка логотипов клиентов к веб-сайтам клиентов отправляет ваш трафик от страницы, где он конвертировал. вместо этого привяжите их к своим тематическим исследованиям или вообще не привязывайте их. полоса логотипа работает нормально как статический сигнал доверия.
Шаг 3: Планировка и поведение
Полоски логотипа имеют разные значения по умолчанию от каруселей изображений, потому что работа другая Никто не изучает логотип. регистрируют за полсекунды.
- Слайды на вид: шесть на рабочий стол, четыре на планшет, два или три на мобильный. плотность выше, чем фотокарусель, потому что логотипы маленькие, а точка - количество.
- Автовоспроизведение: на.о. это противоположность показательному правилу. читать нечего, поэтому непрерывное движение ничего не стоит и показывает больше логотипов, чем статический ряд.
- Скорость: медленнее, чем кажется правильным. 4000 до 6000 мс. Быстрая полоска с логотипом читается как взволнованная.
- Петля: на, и убедитесь, что у вас есть как минимум дважды ваши слайды-за просмотр. для шести-за просмотр нужно двенадцать логотипов минимум или обертывание будет заметно прыгать.
- Стрелки и точки: выкл. Полоса с логотипом - это не то, в чем люди ориентируются.
Установите задержку автозапуска на 0 и карусель становится непрерывным шатер вместо того, чтобы шаг за скольжением. это вид, который самые современные сайты используют для полосок логотипа, и шатерный гид подробно освещает настройки.
Шаг 4: Сделайте несоответствующие логотипы последовательными
Вот настоящая проблема У вас двенадцать логотипов Четыре - это широкие словесные знаки, три - квадратные значки, два - с огромной внутренней подкладкой, запеченной в PNG, и один - высокий сложенный замок. Бросьте их в ряд на той же ширине и это выглядит как записка о выкупе.
Размер по ширине - ошибка Широкий словесный знак, установленный на ширину 160px, визуально крошечный; квадратный значок шириной 160px огромен.Они одинаковые и они не похожи друг на друга.
Вместо этого размер по оптической области. Экспортируйте каждый логотип на одном холсте, дайте каждому знаку аналогичную визуальную высоту примерно от 40 до 50px в последней полоске и отрегулируйте отдельные файлы вверх или вниз, пока они не выглядят сбалансированными. виджет показывает каждый логотип в одном и том же разрешении изображения, поэтому такое балансирование происходит в файлах изображений. щуритесь в строке: любой логотип, который выпрыгивает, слишком велик, любой, который исчезает, слишком мал. доверяйте своему глазу цифры, потому что ваш глаз - это то, что посетители будут использовать.
Карты продуктов имеют такое же несоответствие с другой стороны, где портреты и квадратные фотографии на одной полосе - это то, что делает продукт карусель выглядите дешево. исправление там фиксированное соотношение сторон, а не фиксированная высота.
Еще два исправления той же проблемы:
Обрезать запеченную подкладку. Логотипы, экспортированные из комплектов бренда, часто имеют большое свободное пространство внутри файла изображения. Эта подкладка невидима, и она делает логотип меньше, чем его соседи на той же высоте. перед загрузкой нанесите на видимый ограничивающий ящик.
Используйте SVG там, где можете. Логотипы - векторные изображения. SVG остается острым при любом размере, весит долю PNG и, это полезная часть, может быть перекрашен с помощью CSS, что делает обработку оттенков серого ниже тривиальной.
Шаг 5: Парение в оттенках серого
Логотипы ненасыщены в покое, полноцветны на зависании Это не просто так по умолчанию: двенадцать логотипов в двенадцати палитрах брендов - это визуальный хаос, а оттенки серого превращают их в одну связную текстуру.
Слайдер Логотип не имеет переключателя оттенков серого, поэтому есть два способа сделать это Загрузить файлы оттенков серого как Логотип клиента и цветные версии как Изображение Логотипа Ховера, или добавить фильтр оттенков серого CSS к логотипам с пользовательским CSS и удалить его на ховере Настройка Непрозрачность в Элементы Карусели может затемнить логотипы примерно до 0.6 в состоянии покоя и 1 на ховере Если вы используете CSS, сохраните переход на 200 до 300 мс. Быстрее, и он мерцает; медленнее и он кажется липким.
Один случай, когда не стоит: если логотипы - это упоминания прессы, а не клиентов, полоса Forbes и TechCrunch, оставьте их в цвете. Эти логотипы распознаются по цвету, и их десатурация стоит вам признания, которое вы покупали.
Готовая полоса
Куда его положить: сразу ниже героя, или сразу ниже первичного призыва к действию Обе позиции работают, потому что обе - это моменты, когда посетитель решает, доверять ли вам.
Куда не положить: подножка Полоса логотипа в подножке - украшение Никто не прокручивает к подножке, чтобы убедиться.
Полоски с логотипом - один из немногих разделов, где стандартный виджет превосходит дизайн, поэтому ни один из двадцати Виджет Строитель дизайны пытаются заменить его. Если вам нужны дизайны Pro для других разделов, страница ценообразования имеет ярусы.
Сколько логотипов?
Восемь-шестнадцать. Младше восьми лет и прокручивающая полоса привлекают внимание к тому, как мало их, потому что статический ряд из шести логотипов выглядит более уверенно, чем шесть логотипов, ездящих на велосипеде. За шестнадцать никто не видит заднюю половину, поэтому ведите с именами, которые люди узнают.
А если у вас всего четыре клиента: показать четыре, в статическом ряду, в приличном размере Карусель - это способ справиться с изобилием Использование одного, чтобы скрыть дефицит, делает противоположное тому, что вы хотите.
Часто задаваемые вопросы
Есть ли у Элементора виджет карусели с логотипом?
Не в ядре. ни Elementor free, ни Pro не включают в себя выделенную карусель с логотипом, хотя основная карусель с изображением может отображать простой ряд логотипов. бесплатный слайдер с логотипом Master Addons добавляет ссылки на логотип, изображения для наведения или наведения, подсказки и полосу в стиле шатра, когда скорость автоигры установлена на 0.
Как сделать так, чтобы карусель с логотипом непрерывно прокручивалась в Элементоре?
Включите автовоспроизведение и бесконечный цикл, затем установите задержку автовоспроизведения на 0. Задержка на ноль снимает паузу на каждом слайде, поэтому трек движется непрерывно, а не ступая. Установите скорость на 4000-6000 мс, чтобы она читалась как спокойная, а не безумная.
Как сделать логотипы одинакового размера в карусели?
Установите фиксированную высоту контейнера, от 40 до 50px, и пусть ширина работает автоматически, а не фиксируя ширину. Затем отрегулируйте отдельные логотипы на глаз, потому что широкий словесный знак и квадратный значок при одном и том же измерении выглядят совершенно разными размерами. сначала отрезайте любую выпеченную подкладку из файлов изображений.
Должны ли логотипы быть в оттенках серого или полноцветными?
Серый масштаб в покое с цветным наведением на висение для логотипов клиентов и партнеров, потому что он превращает дюжину сталкивающихся палитр в одну связную полосу. Храните логотипы прессы и СМИ в полноцветном виде, потому что они распознаются по цвету и десатурирующие их теряют узнаваемость.
Сколько логотипов должно быть в карусели с логотипом?
Восемь-шестнадцать. меньше восьми выглядит лучше как статический ряд, чем движущаяся полоса, потому что прокрутка привлекает внимание к тому, как мало их. больше шестнадцати означает, что задняя половина никогда не видна, поэтому ставьте узнаваемые имена на первое место.
Могу ли я связать каждый логотип с отдельной страницей?
Да, каждая строка ретранслятора имеет свое собственное поле ссылки. подумайте, хотите ли вы, хотя: привязка логотипов клиентов к клиентским сайтам отправляет конвертацию трафика. Привязка их к вашим собственным тематическим исследованиям сохраняет посетителя и делает больше работы.
Следующий
Фотографии, а не логотипы? Другой виджет, разные по умолчанию: как создать имиджевую карусель в Элементоре. Есть еще коллекция двадцать названных слайдерных конструкций, восемь из них можно импортировать бесплатно, хотя ни одна из них не является полосой логотипа, поэтому для логотипов слайдер логотипа остается инструментом.
Если полоса перестает двигаться после обновления плагина кэширования, это проблема инициализации Swiper и исправление здесь. Все каруселеобразное живет на Виджеты карусели Элементор страница.
