Обзор Elementor – за счет чего он так популярен?

elementor

Размышляете, нужен ли вам Elementor? В этом обзоре я вам помогу. 

Обзор включает в себя последние изменения в Elementor 2.5.8 и в Elementor Pro 2.4.8, поэтому можете быть уверены, что получите полное представление о работе плагина.

Элементор появился в 2016 году и быстро завоевал доверие пользователей. На данный момент он имеет 1 000 000+ установок, умудряясь сохранять удивительно высокий рейтинг — 4.8 звезд из пяти на WordPress.org., где он получил около трех тысяч голосов.

elementor page builder

Преимущества использования Elementor

Элементор позволит создать уникальный сайт с нулевыми навыками программирования.

Особенно стоит отметить, что Элементор наиболее известен благодаря визуальному редактору и возможности изменять страницы  сайта методом «Drag&Drop», что означает «бери и бросай». Это действительно просто.

Есть два термина, которые стоило бы объяснить:

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

«Drag&Drop» — функция, которая позволяет перемещать элементы дизайна путем перетаскивания их в необходимую часть страницы.

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

Интерфейс Elementor

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

Первый взгляд

Когда вы впервые запустите Элементор, то обнаружите что-то вроде этого:

  1. Контент зона. В рамках, ограниченных серым пунктиром, можно делать свои изменения.
  2. Элементы/виджеты. Это блоки, которые нужно будет перетащить на страницу, чтобы добавить какой-либо элемент сайта или функционал.
  3. Настройки — с их помощью можно отменить изменения, осуществить предпросмотр дизайна на различных девайсах и т.д.
zona kontenta

Настройки макета в Elementor

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

Elementor располагает двумя структурными элементами:

  • Элементы позиционирования контента
  • Виджеты

Элемнты позиционирования:

  • Секции (отмечены зеленым цветом под №1 на скриншоте) — самый широкий блок макета
  • Колонки (отмечены красным цветом под №2 на скриншоте) — находятся в секции. Можно создать одну или несколько колонок сразу.
elementor скачать

Добавляем виджеты на страницу

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

Как редактировать виджеты, колонки и секции

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

Все кнопки показаны на скриншоте ниже:

  1. Редактирование виджетов
  2. Добавить секцию
  3. Редактировать секцию
  4. Удалить секцию
  5. Редактировать колонку
jelementy upravlenija

Для настройки используйте вкладки сверху слева. Там находятся настройки текста, анимации, отступов, ширины колонок и секций и многие другие.

Сложно ли пользоваться Elementor?

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

Самым эффективным способом стать Elementor-ниндзя:

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

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

Особенности Elementor, которые делают его любимым

1. В Elementor есть библиотека предустановленных шаблонов

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

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

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

2. Настройки адаптивности

Картинки, виджеты, тексты и отступы, которые вы настраиваете с помощью Элементор, автоматически адаптируются для мобильных устройств.

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

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

Для примера: версия сайта для пк содержит фотографию, которую не нужно отображать на телефонах пользователей. Вам потребуется настроить отображение в настройках виджета «Изображение».

 

Элементор позволяет:

  • Выставлять наружный и внутренний отступ для секций, колонн и виджетов.
  • Изменять ширину колонки одним движением мыши
  • Позиционировать виджеты вертикально внутри колонки 
  • Создавать отступы для всех элементов макета

Кроме того, в Elementor версии 2.5 появилась функция произвольного позиционирования, что позволяет еще проще управлять макетами и элементами страницы.

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

Даже если вы допустите ошибку во время редактирования страницы, Элементор всегда позволит отменить последние изменения. Для этого есть два способа.

Для начала стоит отметить, что каждое совершенное вами действие заносится в лог и его можно отменить.

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

При удалени Elementor не оставляет никакого мусора, обрывков кода и прочего, как это делают аналогичные конструкторы страниц ( WPBakery Builder и Divi Builder).

При удалении Элементор вы потеряете дизайн сайта.

Немного об Elementor Pro

Профессиональная версия Elementor добавляет новые виджеты. Они дают более широкие возможности для редактирования и позволяют заменить некоторые сторонние плагины.

Например, в Elementor Pro предусмотрены возможности для:

  • Создания креативных поп-апов (всплывающих окон)
  • Создания форм
  • Создание кнопок шэринга в соц. сетях
  • Создания таймера обратного отсчета
  • Создания прайс-листов

И многие другие виджеты.

В Elementor Pro есть большое количество предустановленных шаблонов, которые разрабатывались командой Elementor. Присутствуют шаблоны для различных тематик:
  • фитнес
  • кулинария
  • веб-агентство и прочие
Создать уникальный сайт с помощью Элементор просто: ищите нужные вам секции, вставляйте на сайт и адаптируйте под себя. Это хороший способ для новичков. Все шаблоны адаптированы под мобильные устройства и вам не нужно будет даже изменять настройки. Шаблоны созданы профессиональными дизайнерами и это отличный источник вдохновения!

Заключительной особенностью Elementor Pro в этом обзоре станут глобальные виджеты.

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

Глобальные виджеты позволяют сделать это следующим образом:

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

Нужен ли вам Elementor Pro?

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

Помимо профессиональной версии Элементор можно установить дополнения, которые существенно расширяют функционал Elementor:

  • Ultimate Addons for Elementor
  • Elementor-extras
  • Powerpackelements
  • Element-pack
  • Essential addons Elementor
  • Livemesh addons Elementor
  • Crockoblock
  • Premiumaddons for Elementor

Обзор Elementor — подведем итоги

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

Советую скачать бесплатную версию и хорошенько протестировать плагин на своем сайте.

Понравилась статья?

Мне так много хочеться вам рассказать. Оставьте свой e-mail ниже, чтобы получать уведомления о новых материалах

Комментарии

Чулкин Максим

Чулкин Максим

Приветствую вас! EasyWordpress мой новый проект об интернет-маркетинге. Я вебмастер и интернет маркетолог. Живу во Владивостоке. Делаю сайты на WordPress и продвигаю их в сети.

white logo

Elementor Pro

Сайт easywordpress.ru полностью сделан с помощью Elementor

astra logo 1

Тема Astra

Быстрая, красивая и многофункциональная тема. ASTRA - выбор easywordpress.ru

terminal 1

Хостинг Beget

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

Даю бонусы на услуги!

У тебя есть возможность получить скидку на создание сайта до 40%! Так же вы можете получить некоторые мои услуги и консультации бесплатно!

10+ советов для создания хорошего сайта на WordPress

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

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