Расширенные настройки elementor

В данном видео-уроке мы разберем расширенные настройки Elementor.

Тема урока: «Расширенные настройки Elementor»

Добрый день. Тема урока: «Расширенные настройки Elementor».

Расширенные настройки Elementor

Для любого элемента существуют расширенные настройки (в данном примере это видео). Выделив любой элемент и сделав его активным для редактирования, нужно нажать на иконку карандаша в правом верхнем углу этого элемента, чтобы открылась панель редактирования этого элемента слева. В этой панели нужно перейти во вкладку «Расширенные», рисунок 1.

Расширенные настройки элемента
Рисунок 1 - расширенные настройки элемента

В этой вкладке открывается возможность редактирования следующих параметров:

1) Отступы снаружи элемента. Их можно редактировать как все сразу, сверху, снизу, справа, слева, так и по-отдельности.

Для того чтобы редактировать каждый отступ, требуется нажать на значок двух соединенных колец, который располагается справа от полей значений этих отступов. При нажатии на значок он станет белого цвета, после этого можно редактировать каждый отступ по-отдельности. Также существует такая настройка, как «Z-индекс», которая регулирует расположение элементов относительно наложения друг на друга и влияет на то, какой элемент будет выше и закрывать второй другой элемент, рисунок 2. Чем выше этот индекс у выбранного элемента, тем выше он будет по отношению к другим элементам, тем самым их закрывая.

редактирование отступа снаружи и Z-индекса
Рисунок 2 - редактирование отступа снаружи и Z-индекса

2) Отступы внутри элемента. Изменение производится таким же образом, как и в отступах снаружи, рисунок 3. Данные отступы применяются очень редко и в исключительно частных случаях.

редактирование отступа внутри
Рисунок 3 - редактирование отступа внутри

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

Настройка эффектов движения
Рисунок 4 - настройка эффектов движения

4) Фон. В этой вкладке можно выбрать тип фона для элемента. Либо он будет полностью залитым, либо он будет прозрачным. Также можно выбирать цвет заливки из большой палитры, которую предоставляет Elementor, рисунок 5.

Настройка фона элемента
Рисунок 5 - настройка фона элемента

5) Границы. В данной вкладке предоставляется возможность выбирать границы элемента. Можно выбрать либо обычные границы, которые постоянно отображаются на сайте, либо границы элемента при наведении, рисунок 6. Это означает, что при наведении на элемент, границы будут меняться в соответствии с настройками, которые заданы в поле «при наведении».

Настройка границ элемента
Рисунок 6 - настройка границ элемента

Итак, мы рассмотрели  5 основных настроек во вкладке «Расширенные», которые используются при настройке элементов сайта.

Спасибо за внимание. В следующем уроке будет рассматриваться тема: «Произвольное позиционирование элементов».