КРАТКИЙ ОБЗОР ПЛАГИНА ELEMENTOR
ДЛЯ СОЗДАНИЯ САЙТОВ ЧЕРЕЗ ВИДЖЕТЫ И КОНТЕЙНЕРЫ
Вся работа на Wordpress строится из так называемых плагинов. На мой взгляд самый популярный - это Elementor
Для того чтобы пользоваться, на мой взгляд самым популярным плагином на WordPress Elemtntor,
который предназначен для создания сайтов через виджеты и контейнеры, его необходимо добавить и активировать. Для этого мы в нашей панели WP, ищем пункт плагины и добавляем через поиск наш elementor, и активируем его.
После активации нашего плагина, и добавлении новой страницы или редактирования существующей страницы, Wordpress нам предлагает 2 варианта:
- изменить - в таком случае у нас откроется, встроенный редактор который предлагает WP. Принцип работы в нем, так строется на виджетах и контейнерах.
- редактировать в в Elementor - это как раз, то, что нам нужно, редактирование страницы через наш, только что установленный плагин.
И вот мы попадаем в наш Elementor. Слева у нас закреплен блок с нашими виджетами и контейнерами. В базовой версии будут доступны только 2 раздела - это «макет» и «базовый». В верху мы видим адаптирование нашей страницы под разные устройства, а справа находится окошко, где располагаются наши слои, которые появляются в процессе добавления наших виджетов и контейнеров.
Через нашу панель справа «Структура» мы добавляем в нужный нам элемент, другие элементы.
Например мы добавили контейнер, через левое меню, задали ему цвет, границы и расположение внутренних элементов. Далее мы добавляем текст и кнопки (или любые другие элементы) и через структура помещаем их в нужный нам контейнер, таким образом наши текст и кнопка располагаются в нужном нам месте.
После того, как мы добавили наш элемент и задали ему все необходимые настройки, мы можем задать ему анимацию. Мы можем задать анимацию контейнеру, и тогда на все элементы внутри него, наложится данная анимация. Мы можем задать анимацию каждому отдельному элементу внутри контейнера. Мы можем задать анимацию при наведении на элемент, анимация при появлении, скролл элемента в разных плоскостях и так далее. И конечно на один элемент мы можем наложить большой одной анимации, к примеру на кнопку: задаем анимацию при появлении, а затем анимацию при наведении. Напомню, что анимации на сайте должно быть в меру, не стоит делать «анимацию ради анимации».
Во вкладки настройки сайта есть два важных раздела - это дизайн системы и стили темы. Через данные пункты меню, мы можем внести на сайт все наши цвета, границы, шрифты, кнопки, которые будут использоваться у нас на сайте. Далее в процессе работы, при добавлении любого элемента на сайта, мы можем с легкостью задавать ему необходимы параметры через наши выше описанные пункты, естественно они будут доступны во влкадке «стили» (в пункте 5 я писал об этом) в каждом элементе.
При добавлении какого-либо элемента на нашу рабочую поверхность, у нас открываются дополнительные 3 вкладки с различными настройками только что добавленного элемента - макет, стиль, расширенные. Таким образом через эти вкладки, мы делаем с нашим элементом, практический все что угодно, а именно: меняем его содержимое, управляем его размерами по вертикали или горизонтали, задаем ему анимацию, фон, границы, цвета, отступы внутри и снаружи, расположение контента внутри этого элемента и много другое.
Из базовых функций нам будут доступны основные элементы, которые мы можем разместить на сайте, такие как: тексы, фото, кнопки, иконки. Также нам доступен раздел «Макет» в котором мы можем использовать контейнер или сетку. Для создания небольшого одностраничного сайта этого вполне достаточно.
