Элемент, который просто появляется на прокрутке, хорош. Элемент, который есть раскрыто, как цветная панель соскальзывает, чтобы обнажить его, чувствует дизайн. The Раскрыть расширение в Мастер Аддоны Про добавляет, что блок, запускаемый прокруткой, раскрывает эффект виджетов и столбцов Elementor: цветное наложение проходит через элемент, когда он входит в порт просмотра, а затем очищается, показывая содержимое под ним. Вы управляете цветом наложения, направлением салфетки, скоростью и задержкой, все с панели Elementor.
Что такое расширение Reveal? #
The Раскрывать расширение - это расширение анимации Master Addons Pro, которое воспроизводит блок раскрытия на виджете или столбце в момент прокрутки в поле зрения. вместо того, чтобы затухать или вдвигаться, элемент сидит за сплошной цветной панелью, которая сметает его, чтобы показать. Поскольку анимация привязана к позиции прокрутки, каждый элемент раскрывается именно тогда, когда посетитель достигает ее, что притягивает взгляд вниз по странице. Он воспроизводится один раз на загрузку страницы.
Как только расширение включено, виджеты и столбцы получают опцию "Открыть" в разделе Продвинутый вкладка с четырьмя настройками: раскрытие цвет (панель, закрывающая элемент), направление панель движется так, как ясно, скоростьи задержка. Он работает на заголовках, изображениях, кнопках и других виджетах, а также на столбцах в устаревших разделах. Контейнеры и разделы Flexbox не получают опцию.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Следуйте руководство установки первый.
- Мастер Аддоны Про активен, поскольку Reveal является расширением Pro.
Как включить расширение Reveal #
С панели управления WordPress откройте Мастер Аддоны и иди в Расширения вкладка. Раскрытие находится в Виджеты анимации группа, рядом Входная анимация (Про) и Преобразует. Нажмите на его переключатель, чтобы он включился, затем нажмите Сохранить изменения и дождитесь уведомления о подтверждении. опция "Раскрытие" теперь доступна на виджетах и столбцах в редакторе Elementor.
Добавьте к элементу анимацию раскрытия #
В редакторе Elementor выберите элемент, который хотите анимировать, затем откройте Продвинутый вкладка и разверните Раскрывать раздел. Включать Включено Раскрытие и установите элементы управления:
- Цвет: сплошная панель, которая покрывает элемент до того, как он будет раскрыт. Подберите его к фону вашего раздела для бесшовного протирания, или используйте цвет бренда для более смелого размаха.
- Направление: Центр, слева направо, справа налево, сверху вниз или снизу вверх.
- Скорость: от 0 до 10, где по умолчанию 5 полсекунды. Ниже быстрее.
- Задержка: от 0 до 20, до двух секунд до движения панели. Используйте его, чтобы расположить несколько элементов.
Раскрытие запускается с помощью прокрутки, поэтому ничего не воспроизводится до тех пор, пока элемент не прокрутится в окно просмотра. В редакторе он воспроизводится вскоре после загрузки страницы. На живой странице он воспроизводится один раз, когда элемент входит в окно просмотра, и перезагрузка воспроизводит его снова.
Результат на странице #
Публикуйте или предварительно просматривайте и прокручивайте страницу вниз. когда каждый элемент с включенным Reveal входит в экран, его цветная панель сметает в выбранном вами направлении и с заданной вами скоростью, открывая содержимое внизу. Поскольку эффект выключает положение прокрутки, стопка раскрытых элементов каскадируется, когда посетитель перемещается вниз по странице.The Страница расширения Reveal имеет демо.
Где эффект "Раскрытие" занимает свое место #
- Заголовки разделов. Раскрытие на H2 сигнализирует о начале нового раздела, когда читатель приходит к нему.
- Изображения героя. Раскрытие фотографии героя цветной салфеткой производит более сильное первое впечатление, чем простое выцветание.
- Сети функций или портфелей. Выявление карт по одной строке на свитке заставляет глаз двигаться по сетке.
- Призывы к действию. Открытие на кнопке или блоке предложений привлекает внимание, когда он прокручивается в поле зрения.
- Статистика и цитаты. Раскрытие номера или отзыва дает ему момент сосредоточения внимания.
Советы по использованию Reveal #
- Сохраняйте скорость комфортной. Очень медленное открытие может заставить посетителей ждать чтения; быстрая протирка обычно кажется более отзывчивой.
- Подберите цвет к разделу. Установка цвета раскрытия на фон секции делает панель невидимой до тех пор, пока она не переместится, поэтому элемент выглядит так, будто он стирается с лица земли.
- Используйте его экономно. Раскрытие каждого элемента на странице разбавляет эффект. зарезервируйте его для элементов, которые вы больше всего хотите заметить.
- Проверьте мобильный. Короткие экраны прокручиваются быстрее, поэтому подтвердите, что раскрытие все еще срабатывает и хорошо читается на телефонах и планшетах.
- Соедините его с другими расширениями анимации. Объедините Reveal с Входная анимация или исследуйте весь спектр Эффекты анимации элементара для более насыщенного движения.
Видео Учебник #
Наблюдайте за расширением Reveal в действии, от включения его до установки цвета, направления и скорости на элементе:
Часто задаваемые вопросы #
Что такое расширение Reveal в Master Addons?
Расширение Reveal - это расширение анимации Master Addons Pro, которое добавляет эффект раскрытия блока, запускаемого прокруткой, к виджетам и столбцам Elementor. сплошная цветная панель покрывает элемент, а затем сметает его, чтобы обнаружить, когда элемент прокручивается в поле зрения. Вы включаете его на вкладке Расширения, затем устанавливаете цвет, направление, скорость и задержку для каждого элемента на вкладке Расширенное.
Как добавить анимацию раскрытия в прокрутке в Elementor?
Включите расширение Reveal на вкладке Расширения главных дополнений, затем выберите элемент и откройте вкладку Дополнительно. раскройте раздел "Раскрытие", включите эффект и выберите цвет, направление и скорость раскрытия. анимация запускается с помощью прокрутки, поэтому она воспроизводится автоматически, когда элемент входит в порт просмотра.
Что я могу настроить на эффект раскрытия?
Есть четыре управления: цвет панели, которая покрывает элемент (сплошной или градиент), направление, в котором панель движется, когда она очищается, скорость, и задержка. вместе они позволяют вам сопоставить раскрытие с фоном вашего раздела или цветом бренда и контролировать, как быстро элемент раскрывается.
Работает ли Reveal над каким-либо элементом Elementor?
Не каждый элемент. опция "Раскрытие" отображается на вкладке "Дополнительно" виджетов и столбцов в устаревших разделах. Контейнеры и разделы Flexbox не получают его, поэтому примените "Раскрытие" к виджетам внутри них.
Расширение Reveal бесплатное?
Нет. Reveal является частью Master Addons Pro. Он появляется в группе Виджеты анимации вкладки Расширения, как только Pro активен. на странице цен перечислены планы.
Завершая #
Расширение Reveal превращает простой свиток в спроектированный: цветная панель стирает, чтобы обнаружить каждый элемент, входящий в порт просмотра, с цветом, направлением и скоростью, установленными на панели Elementor. Начните с одного изображения заголовка или героя, настройте цвет на свой раздел и создайте оттуда. Он естественным образом сочетается с Входная анимация и Преобразует расширения и полный состав Виджеты и расширения Master Addgets покрывает остальное.
