Страница Elementor Фон страницы — изображение, видео, анимация Kenburns

Фон страницы Элементора с изображением, видео и эффектом Кена Бернса

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

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

Во-первых, позвольте мне показать вам, как расположить полный фон страницы из настроек страницы.

Нажмите на значок настроек в левом нижнем углу редактора страницы.

Теперь перейдите на вкладку Стиль. выберите тип фона классический или градиент. из классического варианта вы можете выбрать любое изображение в качестве фона страницы элементара.

Фон страницы Элементор

Так работает общий фон страницы элементара.

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

Просто добавьте раздел на своей странице. Затем перейдите в область стиля. вы увидите опцию фона. в элементоре по умолчанию есть 4 различных типа фона Классика, Градиент, Видео, Слайд-шоу.

Классический фон

Из классического типа фона вы можете выбрать цвет или изображение. выберите тип градиента и введите желаемые цвета, расположение цвета, угол и тип градиента (линейный или радиальный).

Классический фон раздела Элементор

видео Фон раздела

Вы можете использовать YouTube, Vimeo, самостоятельно размещенный MP4 Video Link.Then вы можете определить время начала и время окончания видео.Enable Play Once, если вы хотите воспроизвести видео только один раз.Tакже включите Play On Mobile, если вы предпочитаете воспроизводить фоновое видео вашего раздела на мобильных устройствах.

Элементор Видео фон

Ползунок фона элементара

Выберите слайд-шоу и загрузите или выберите несколько изображений со своего носителя. Пять эффектов перехода, установите продолжительность перехода, выберите размер фона и положение.

Ползунок фона раздела Элементор

Все дело в настройках фона раздела элементов по умолчанию.

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

Если вы не установили плагин Master Addons на свой WordPress Website, то сделайте это, чтобы работать со следующей функцией. проверьте, как создать интерактивный фон с помощью этого бесплатного плагина.

Анимация Кенбернса Фоновый слайдер

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

Слайдер фона Элементора Кенбернса

Элементор Частицы Фон

Просто включите частицы, и вы увидите ссылку “Click Here” для генерации JSON-кода для нижеприведенного поля Перейдите по ссылке и сгенерируйте желаемые частицы.Загрузите файл JSON и скопируйте код из файла для вставки.Проверьте, как это сделать добавьте фон частиц в Elementor опубликовать для более подробной информации. Просто убедитесь, что задали цвет фона, градиент перед включением частиц. 

Элементор Частицы Фон

Анимированный градиентный фон Элементора

С Анимированный градиент BG расширение от Master Addons Pro активно, вы увидите опцию “Animated Gradient Background” на вкладке стиль раздела Просто включите его, и вы увидите анимированный градиент по умолчанию BG. Измените значение угла и добавьте столько цвета, сколько вам нужно для градиента вашего раздела. Вот реальный пример анимированного градиента Elementor BG. 

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

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, Content Wrangler и Marketer в Pixar Labs, работаю над Master Addons для Elementor.Я пишу учебные пособия, записываю видео и поддерживаю актуальность документации, поэтому вы всегда знаете, как использовать каждую функцию. Я также занимаюсь поддержкой, поэтому, если вы наткнетесь на корягу, я тот человек, который поможет вам исправить это. Реальные ответы, от кого-то, кто использует эти инструменты каждый день.
Сентябрьская распродажа

40% выключить все

Каждый Мастер Аддоны Про план, годовой и пожизненный Один код, восемь дней.

00дней
00час
00мин
00сек

Заканчивается в понедельник, 14 сентября, 23:59 по восточному времени

  • Личный1 сайт 129 долларов77 ДОЛЛАРОВ
  • Бизнес5 сайтов 199 долларов119 долларов
  • РазработчикНеограниченные сайтыЛучше всего для агентств 599 долларов359 долларов

Платите один раз. Никакого продления никогда.

Код купона МАЛИФЕ40
Получите скидку 40% прямо сейчас
  • Более 30 000 активных установок
  • 4,5/5 из 212 отзывов
  • 14-дневный возврат денег