Фон частиц свободных элементов (particles.js)
Частицы - это бесплатное расширение Master Addons, которое запускает анимацию particles.js за любым разделом, столбцом или контейнером Elementor.Включите его, и вы сразу получите эффект по умолчанию: белые точки дрейфуют по разделу, соединяются тонкими линиями и отталкиваются курсором.Для чего-либо еще, например, для падающего снега, поднимающихся пузырей или звездного поля, создайте конфигурацию в генераторе particles.js и вставьте его JSON в панель.
Движущийся фон без видеофайла
Частицы нарисованы на холсте скриптом particles.js, поэтому нет видео или изображения для загрузки. настройка Z-индекса решает, где находится слой частиц, поэтому вы можете держать его за заголовками и кнопками. если вы используете частицы более чем в одном разделе, сохраняйте счет частиц скромным и проверьте страницу на телефоне.
- Никаких видео- и имиджевых файлов: анимация рисуется в браузере.
- Настройка Z-индекса, позволяющая удерживать слой частиц за вашим контентом.
- Работает на секциях, колоннах и контейнерах, каждая со своей конфигурацией.
Любой эффект particles.js из одного поля JSON
Поле Particle JSON управляет всем, что могут сделать particles.js: подсчет частиц, цвет, форма, размер, непрозрачность, линии связи, скорость и направление, плюс взаимодействия зависания и щелчка. ссылка над полем открывает генератор particles.js. Выберите такой предустановку, как NASA, Bubble или Snow, отрегулируйте ее с помощью ползунков и загрузите config.Paste it in and the section updates in the editor.
- Пресеты на генераторе: По умолчанию, NASA, Bubble, Snow и Nyan Cat.
- Формы: круг, ребро, треугольник, многоугольник, звезда или ваше собственное изображение.
- Наведите курсор и нажмите такие режимы, как отталкивание, захват, пузырь и нажатие.
Как добавить фон частиц в Elementor
Белым частицам по умолчанию нужен темный или красочный фон, чтобы появиться, поэтому установите его первым.
- Включите частицы на вкладке "Расширения" панели управления "Мастер-аддоны".
- Выберите раздел, столбец или контейнер и придайте ему темный цвет фона.
- Откройте вкладку Стиль, разверните Частицы и включите Включить фон Частиц.
- Для другого эффекта щелкните ссылку над Particle JSON, выберите предустановку в генераторе, загрузите JSON и вставьте ее в поле.
- Установите Z-индекс так, чтобы слой частиц оставался позади вашего контента, а затем опубликуйте.
Наш фоновое руководство по частицам проходит каждый шаг со скриншотами.
Particles.js в WordPress: вручную или с расширением
particles.js - это бесплатная библиотека JavaScript, и вы можете добавить ее в WordPress самостоятельно. Вот что нужно по сравнению с расширением.
| Добавление частиц.js вручную | Расширение ЧАСТИЦ | |
|---|---|---|
| Загрузка сценария | Запросите библиотеку в своей теме | Загружается только на страницы с разделом частиц |
| Частичный слой | Добавьте div и расположите его за содержимым с помощью CSS | Добавлено в раздел для вас |
| Конфигурация | Вызовите частицыJS () с помощью вашего JSON в сценарии | Вставьте JSON в панель |
| Предварительный просмотр | На переднем конце | Прямо в редакторе Elementor |
| Слоистый | Напишите свои собственные правила z-индекса | Поле Z-индекса |
Частицы хорошо сочетаются с Стекломорфизм карты сверху. для других движущихся фонов попробуйте Фоновый слайдер или Анимированный градиентный фон (Про).
Часто задаваемые вопросы по частицам
Я не разработчик. Неужели JSON слишком сложен для меня?
Нет. Поворот эффекта на дает вам образ по умолчанию с отсутствием JSON вообще.Для других образов генератор particles.js работает с ползунками и сборщиками цветов.Загрузите конфигурацию, которую он создает, и вставьте ее в поле Particle JSON.
Могу ли я использовать свое собственное изображение (например, логотип) в качестве частицы?
Да. в генераторе particles.js установите тип формы для изображения и введите URL-адрес вашего изображения, например небольшой логотип. загрузите конфигурацию и вставьте ее в поле Particle JSON.
Сработает ли это на мобильных телефонах?
Да, анимация работает на телефонах и планшетах. высокий подсчет частиц может замедлить работу старых телефонов, поэтому сохраняйте скромность номера для разделов, которые увидят мобильные посетители.
Могу ли я оказывать различное воздействие на частицы в разных разделах одной страницы?
Да. каждая секция, колонна и контейнер имеют свое собственное поле Particle JSON, поэтому ваш герой может показывать звездное поле, в то время как другая секция использует снег.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
