Плагин Elementor Addon ElementsюЧасть 1

Привет, уважаемые посетители нашего блога! Сегодня рассмотрим замечательный плагин Плагин Elementor Addon Elements, который значительно расширяет стандартный функционал Elementor. Статья будет очень большая, поэтому мы разобьем ее на несколько частей.

Elementor Addon Elements до

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

Установка Elementor Addon Elements

Установить плагин можно, как и все плагины WordPress, двумя способами:

• через автоматический установщик в разделе Плагины в консоли;
• установив предварительно скачанный архив с плагином там же, в разделе Плагины в консоли;

В первом случае заходим в раздел Плагины => Добавить новый в консоли, вводим в поле поиска в правом верхнем углу название плагина, находим его, устанавливаем и активируем.

Во втором случае, необходимо скачать архив с сайтом на официальном сайте, заходим в раздел Плагины => Добавить новый в консоли, кликаем кнопку Загрузить плагин, указываем в проводнике путь к архиву и жмем кнопку Установить. Ждем завершение установки и активируем плагин в разделе Плагины. На этом установка завершена.

Elementor Addon Elements. Дополнительные настройки для секций и колонок

Плагин добавляет к стандартным настройкам секций и колонок дополнительный функционал:

• Wrapper Links (ссылка для контейнера – секции или колонки)
• Particle Background (фон с движущимися частицами)
• Animated Gradient Background (анимированный градиентный фон)
• Background Slider (слайдер фонов)

Разберем каждый из них.

Wrapper Links (ссылка для секции)

Добавляет возможность установить ссылку для секции или колонки Elementor. По умолчанию данная настройка неактивна. После активации открывается поле для ввода ссылки, которое поддерживает динамические теги Элементора, и переключатель открытия ссылки в новом окне (Enable Open In New Window).

После активации данной настройки по клику на секцию или колонку пользователя будет перекидывать по нужной вам ссылке.

Более подробную информацию о ссылках читайте здесь.

Particle Background (фон с движущимися частицами)

Активация данной настройки добавляет красивый фон из движущихся частиц.

Настройки отображения, размер, скорость и много других параметров настраивается при помощи JSON. Например, чтобы изменить размер частиц, нужно найти параметр “size” и изменить значение “value”.

"size": {
      "value": 10,
      "random": true,
      "anim": {
        "enable": false,
        "speed": 40,
        "size_min": 0.1,
        "sync": false
      }

Не будем описывать все настройки, они понятны даже людям с начальными знаниями английского. Экспериментируйте)

Animated Gradient Background (анимированный градиентный фон)

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

Background Slider (слайдер фонов)

Добавляет возможность сделать фоном галерею из изображений.

Transition меняет тип перехода, animation изменяет тип анимации, custom overlay позволяет установить собственное перекрытие (цвет и градиент) фоновых изображений, overlay устанавливает тип предустановленных типов перекрытий фона, cover отключает или включает растягивание изображения по размеру блока, delay устанавливает задержку смены изображений в галерее в миллисекундах, а timer отключает или включает полоску таймера внизу.

На этом первая часть краткого разбора расширения Elementor Addon Elements закончена.

Не забывайте ставить лайки, если статья хоть немного помогла Вам)