Виджет Particle Backgrounds
С Ultimate Addons для Elementor вы получаете возможность установить привлекательный фон частиц в Elementor. Фоны частиц создают привлекательные визуальные эффекты для повышения вовлеченности пользователей.
Ключевая особенность:
- Встроенные параметры стиля – Полигон/НАСА/Снег/Снежинки/Рождество/Хэллоуин
- Элементы управления расположением и настройкой частиц — цвет, направление, размер, скорость и т. д.
- Эффект наведения для интерактивного фона
- Пользовательский/персонализированный стиль фона частиц (кодирование не требуется)
Где найти настройку?
Ultimate Addons for Elementor — Фоны частиц доступны со всеми существующими вариантами фона Elementor, такими как строка, столбец, фон виджета. Чтобы установить фон частиц для строки, отредактируйте строку, перейдите на вкладку «Стиль». Под вкладкой «Фон» вы найдете вкладку «Ultimate Addons for Elementor— Фоны частиц».
Ниже приведены доступные варианты с Ultimate Addons for Elementor – Фоны частиц:
Встроенные параметры стиля
Для фона частиц доступны некоторые стили по умолчанию. Вы можете выбрать любой готовый стиль или создать свой собственный стиль. Функция пользовательского стиля описана далее в этой статье.
Элементы управления расположением частиц и настройкой
Выбранный стиль фона можно полностью настроить. Вы можете установить более конкретные настройки в разделе «Дополнительные настройки». Доступные настройки:
- Цвет
- Непрозрачность
- Направление потока
- Количество частиц
- Размер частицы
- Скорость движения и т. д.
Эффект наведения для интерактивного фона
Включение этого эффекта создаст интерактивный эффект при наведении курсора мыши, как показано ниже. Чтобы включить этот эффект, перейдите в «Дополнительные настройки» > «Включить эффект наведения». Обратите внимание, что эффекты наведения можно просмотреть только во внешнем интерфейсе.
Пользовательский/персонализированный стиль фона частиц
Помимо стиля частиц по умолчанию, вы можете создать свой собственный стиль с разными формами, размерами, плотностью и т. д. Вот подробный документ, в котором показано, как добавить собственный стиль.
Эффект наведения частиц не работает?
В Ultimate Addons for Elementor – Фоны частиц в разделе «Дополнительные настройки» вы получаете возможность включить эффект наведения . Эффект наведения — интересная функция, которая будет взаимодействовать с пользователем при наведении мыши.
Этот эффект не будет работать в следующих случаях:
1. Это будет видно только во внешнем интерфейсе и не будет работать во внутреннем интерфейсе.
2. Если контент/разделитель переопределяет фон. Например: вы добавили заголовок подряд и добавили разделитель над и под заголовком. Это займет все пространство в строке. Поскольку прокладка имеет прозрачный фон, фон частиц для нее будет виден, но он не будет интерактивным, поскольку над ним находится прокладка. Эффект наведения будет работать за пределами разделителя, где курсор может напрямую контактировать с фоном частиц.
Чтобы решить эту проблему, вы можете удалить разделитель и добавить отступы для строки. Так что фон частиц отобразится.
Не можете увидеть фон частиц?
Иногда включение фона частиц ничего не меняет в фоновом режиме. Это может произойти потому, что виджеты покрывают всю строку/столбец и нет места для отображения фона частиц.
Например : вы добавили заголовок подряд и добавили разделитель над и под заголовком. Предположим, вы применили цвет фона для всех этих виджетов. Это займет все пространство в строке. Таким образом, фон частиц, добавленный в строку, не будет отображаться, поскольку над ним есть заголовок и разделитель.
Если столбцы или виджеты имеют прозрачный фон, фон частиц будет виден.
Чтобы решить эту проблему, обязательно установите прозрачный фон для всех столбцов/виджетов, отображаемых над строкой, где включен фон частиц.
Как добавить собственный стиль фона частиц?
С Ultimate Addons for Elementor– Particle Backgrounds вы получаете готовые стили частиц. Помимо этих стилей по умолчанию, вы можете настроить и персонализировать стиль фона с помощью кода JSON. Вы можете сделать это, выполнив несколько простых шагов и не нуждаясь в каких-либо навыках программирования.
Вы можете настроить и добавить собственный код JSON по ссылке здесь . Ниже приведены шаги :
1. Перейдите по ссылке здесь , чтобы создать собственный стиль частиц.
2. Выберите параметры согласно требованию. Вы можете выбрать стиль частиц , например форму, цвет, размер, число и т. д. В параметрах интерактивности вы можете выбрать интерактивные эффекты при наведении или щелчке мыши. Вы даже можете установить фон страницы для частиц.
3. Закончив настройку пользовательского стиля, нажмите « Загрузить текущую конфигурацию (json)». Это позволит экспортировать необходимый код JSON для вашего индивидуального стиля.
4. Откройте скачанный выше файл и КОПИРУЙТЕ весь код.
5. Перейдите на страницу Elementor и откройте вкладку «Стиль» для раздела, для которого вы хотите установить фон.
6. В разделе «Ultimate Addons for Elementor — Фоны частиц» выберите «Стиль» как «Пользовательский». Вставьте скопированный выше код в окно «Добавить частицы Json».
Сохраните изменения и все готово!
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Виджет Particle Backgrounds”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!