Раскрывать

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

Что такое расширение Reveal? #

The Раскрывать расширение - это бесплатный инструмент анимации Master Addons, который воспроизводит блок раскрытия на любом элементе Элементор в момент прокрутки в поле зрения. Вместо того, чтобы затухать или вдвигаться, элемент сидит за сплошной цветной панелью, которая сметает его, чтобы показать. Поскольку анимация привязана к положению прокрутки, каждый элемент раскрывается именно тогда, когда посетитель достигает его, что притягивает взгляд вниз по странице раздел за разделом.

Как только расширение включено, каждый элемент Elementor получает опцию Reveal под своим Продвинутый вкладка с тремя основными настройками: раскрытие цвет (панель, закрывающая элемент), направление панель движется так, как она очищается, и скорость анимации. Он работает с заголовками, изображениями, кнопками, целыми столбцами или любым другим элементом и не добавляет отдельного плагина.

Прежде чем начать #

• WordPress с Элементор установлен и активен.
• Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Следуйте руководство установки первый.
• Reveal - это бесплатное расширение, поэтому лицензия Pro не требуется.

Как включить расширение Reveal #

С панели управления WordPress откройте Мастер Аддоны и иди в Расширения вкладка. Раскрытие находится в Виджеты анимации группа, рядом Входная анимация и Преобразует. Нажмите на его переключатель, чтобы он включился, затем нажмите Сохранить изменения и дождитесь уведомления о подтверждении. опция "Раскрытие" теперь доступна для каждого элемента редактора Elementor.

Добавьте к элементу анимацию раскрытия #

В редакторе Elementor выберите элемент, который хотите анимировать, затем откройте Продвинутый вкладка и разверните Раскрывать раздел. Включите эффект и установите три элемента управления:

• Цвет: сплошная панель, которая покрывает элемент до того, как он будет раскрыт. Подберите его к фону вашего раздела для бесшовного протирания, или используйте цвет бренда для более смелого размаха.
• Направление: способ перемещения панели при ее очистке, например влево, вправо, вверх или вниз, который определяет, открыт ли элемент горизонтально или вертикально.
• Скорость: как быстро играет раскрытие Более короткая продолжительность ловит элемент в поле зрения; более длинный дает более медленное и преднамеренное вытирание.

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

Результат на странице #

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

Где эффект "Раскрытие" занимает свое место #

• Заголовки разделов. Раскрытие на H2 сигнализирует о начале нового раздела, когда читатель приходит к нему.
• Изображения героя. Раскрытие фотографии героя цветной салфеткой производит более сильное первое впечатление, чем простое выцветание.
• Сети функций или портфелей. Выявление карт по одной строке на свитке заставляет глаз двигаться по сетке.
• Призывы к действию. Открытие на кнопке или блоке предложений привлекает внимание, когда он прокручивается в поле зрения.
• Статистика и цитаты. Раскрытие номера или отзыва дает ему момент сосредоточения внимания.

Советы по использованию Reveal #

• Сохраняйте скорость комфортной. Очень медленное открытие может заставить посетителей ждать чтения; быстрая протирка обычно кажется более отзывчивой.
• Подберите цвет к разделу. Установка цвета раскрытия на фон секции делает панель невидимой до тех пор, пока она не переместится, поэтому элемент выглядит так, будто он стирается с лица земли.
• Используйте его экономно. Раскрытие каждого элемента на странице разбавляет эффект. зарезервируйте его для элементов, которые вы больше всего хотите заметить.
• Проверьте мобильный. Короткие экраны прокручиваются быстрее, поэтому подтвердите, что раскрытие все еще срабатывает и хорошо читается на телефонах и планшетах.
• Соедините его с другими расширениями анимации. Объедините Reveal с Входная анимация или исследуйте весь спектр Эффекты анимации элементара для более насыщенного движения.

Видео Учебник #

Наблюдайте за расширением Reveal в действии, от включения его до установки цвета, направления и скорости на элементе:

Часто задаваемые вопросы #

Завершая #

Расширение Reveal превращает простой свиток в спроектированный: цветная панель стирает, чтобы обнаружить каждый элемент, входящий в порт просмотра, с цветом, направлением и скоростью, установленными на панели Elementor. Начните с одного изображения заголовка или героя, настройте цвет на свой раздел и создайте оттуда. Он естественным образом сочетается с Входная анимация и Преобразует расширения и полный состав Виджеты и расширения Master Addgets покрывает остальное.