5 ноября, 2020

Коротко об Elementor

Здравствуйте, друзья!

Проведем краткий обзор самого функционального конструктора страниц для WordPress — Elementor!

Итак, что же такое Elementor и для чего он нужен?

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

Все очень просто…

Установка Elementor

Элементор — это плагин для системы управления сайтом (CMS) WordPress, поэтому без установки последней работать не будет. Найти информацию по установке WordPress и плагинов к нему не составит большого труда. Если не сможете найти, обязательно запишу видео по установке.

После установки WordPress и плагина, можно сразу приступать к работе.

Плагин включает в себя бесплатную и платную версии.

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

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

Интерфейс плагина

elementor redactor

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

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

struktura straniczy01

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

  • макет
  • стиль
  • расширенные
dopolniteotnye nastrojki

Вкладка Макет

В данном разделе редактируется общий вид элемента:

  • ширина
  • высота
  • горизонтальное и вертикальное выравнивание содержимого
  • html-тег элемента
vkladka maket

Вкладка Стиль

Данные раздел отвечает за визуальное оформление элемента:

  • фон,
  • толщину и цвет границы,
  • шрифты и др.
vkladka stil

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

Вкладка Расширенные

Данная вкладка управляет следующими функциями:

  • внешние отступы виджета
  • внутренние отступы
  • различные эффекты (плавное появление и скрытие, перевороты и др)
  • атрибуты
  • собственные стили
vkladka rasshirennye

Как видите, интерфейс не особенно сложен и интуитивно понятен даже новичку.

Одной из самых полезных настроек — это настройка адаптивности под различные устройства:

  • ПК
  • планщет
  • смартфон
adaptivnost

Вы можете настраивать отображение секций, блоков и виджетов для каждого устройства, а главное, стили сохраняются для каждого элемента отдельно.

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

istoriya izmenenij

Теперь рассмотрим бесплатную и платную версии плагина Elementor

Бесплатная версия

Бесплатная версия включает около 30 базовых виджетов и небольшой набор тем и блоков для знакомства с возможностями плагина, или для создания простейших веб-сайтов

elementor base
elementor base02
elementor base03

Платная версия

Платная версия включает 3 пакета:

  • для одного сайта
  • для 3-х сайтов
  • для 1000 сайтов

Любой платный пакет включает поддержку на 1 год и бесплатные обновления в течение этого срока

Набор виджетов для всех платных версий помимо базовых виджетов включает дополнительно более 50 виджетов, конструктор WooCommerce Builder для редактирования архивов и карточек товаров и очень нужный конструктор всплывающих окон Popup Builder

elementor pro01
elementor pro02
elementor pro03

В довесок Pro-версия включает:

  • более 300 профессиональных тем
  • возможность прописывать собственные стили
  • менеджер ролей
  • глобальные виджеты
  • дизайн страницы 404
  • собственные шрифты
  • динамический контент (очень важная особенность ПРО-версии, которую мы более подробно разберем в отдельной статье)

Как видите, лучше сделать выбор в пользу платной версии, так как она наиболее полно перекрывает требования к современным сайтам и обеспечивает достойный функционал и отличное качество

Выводы

Из вышеперечисленного можно сделать следующие выводы — Elementor является плагином, на который стоит обратить пристальное внимание всем, и фрилансерам, и веб-студиям, так как при его умелом использовании возможно получить отличный результат с минимальными временными и финансовыми затратами.

0

Интересные статьи

Заголовок

Виджет «Заголовок» относится к базовым виджетам Elementor, так как он один из основополагающих при создании любой страницы и используется очень часто. Данный

Читать полностью »

Создаем меню в Elementor

Создаем меню навигации в Elementor. Используем для создания меню в Elementor Виджет «Меню навигации», который доступен только в Pro-версии, ведь без навигации

Читать полностью »
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x

Блог о Веб-разработке на Wordpress, Elementor и Elementor Pro:
Документация. Уроки. Видео

Блог о Веб-разработке на Wordpress, Elementor и Elementor Pro:
Документация. Уроки. Видео

Регистрация

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.