Elementor Review - лучший конструктор страниц Freemium для WordPress?

Опубликовано: 2019-07-24

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

С доступной бесплатной версией и коммерческой версией Pro Elementor действительно выглядит полезным инструментом. Но является ли это лучшим плагином для создания страниц WordPress, доступным на сегодняшний день? На этот вопрос мы поможем вам ответить в этом обзоре плагина Elementor.

Обзор Elementor: краткий обзор

Бесплатный плагин Elementor Review

Основной конструктор страниц Elementor - это плагин с открытым исходным кодом, который может использовать любой желающий. Эта версия Elementor, доступная для загрузки из каталога плагинов WordPress, была установлена ​​на более чем 100 000 сайтов и получила оценку 4.8 из 5 звезд. Наряду с основным плагином Elementor есть также несколько бесплатных расширений, которые добавляют еще больше функций в конструктор страниц.

Дополнения Elementor

Бесплатный плагин Elementor предоставляет вам все, что вам может понадобиться, чтобы начать улучшать контент вашего веб-сайта WordPress. Однако есть премиум-версия. Elementor Pro доступен по цене от 49 долларов, что обеспечивает хорошее обновление до бесплатного основного плагина.

Возможности Pro

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

Создание почтовых сеток

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

Лучшие возможности Elementor

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

Качественные мобильные адаптивные шаблоны

Домашняя страница приложения

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

Шаблоны Elementor

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

Больше шаблонов

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

Шаблон сайта копирайтера

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

Домашняя страница фитнеса

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

Скоро появится шаблон

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

Интерфейс конструктора страниц Elementor

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

Кнопка

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

Начиная

Импорт шаблонов

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

Выберите шаблон

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

Пользовательский интерфейс

Настройка элементов

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

Пользовательский интерфейс Elementor

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

Больше пользовательского интерфейса

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

Интерфейс Live Builder

Добавить собственный CSS

Если вам нужен еще больший контроль над дизайном страниц, при обновлении до версии Pro разблокируется настраиваемая панель CSS. Это дает вам быстрый и простой способ добавить собственный CSS к вашим макетам с обратной связью в режиме реального времени по вашему выбору дизайна.

Пользовательские CSS

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

Отзывчивый предварительный просмотр

Еще одна удобная для мобильных устройств функция Element - это адаптивные элементы управления для каждого элемента вашего дизайна. Эти настройки позволяют изменять видимость элемента в зависимости от устройства, используемого посетителем. Например, вы можете создать два варианта важной кнопки. Один будет оптимизирован для дисплеев смартфонов, возможно, с меньшими размерами и показанным только мобильным пользователям. Другой вариант будет показан пользователям настольных компьютеров.

Отзывчивый обзор

Глобальные настройки стиля

Elementor не только упрощает создание креативных дизайнов страниц. Этот плагин также дает вам возможность управлять стилем вашего сайта в масштабе всего сайта. С помощью областей «Глобальные цвета» и «Глобальные шрифты» на боковой панели вы можете обеспечить единообразный внешний вид своего сайта.

Глобальные цвета

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

Глобальные шрифты

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

Элементы страницы Elementor

Бесплатные элементы

Как уже упоминалось, при создании страницы вы можете перетащить любой из элементов в свой макет. Некоторые из лучших элементов бесплатной версии Elementor включают:

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

Те, кто решит перейти на Elementor Pro, могут добавить в свой дизайн следующие элементы:

  • Элемент сообщения для отображения списка сообщений блога в настраиваемом макете.
  • Слайды для создания слайд-шоу и слайдеров.
  • Таблицы цен для создания сравнительных таблиц продуктов и других товаров.
  • Кнопки общего доступа для отображения настраиваемых кнопок социальных сетей.
  • Элементы WooCommerce для создания пользовательских элементов магазина электронной коммерции.
  • Плюс больше элементов Pro.

Отзыв Элемент

Пользователи бесплатной версии Elementor имеют доступ к более чем достаточному количеству элементов для создания многофункциональных макетов. Однако, если вы продаете товары или услуги на своем веб-сайте или хотите создать стильное портфолио, в Elementor Pro стоит инвестировать.

Впечатляющие особенности дизайна

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

Анимации

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

Создание полноразмерных макетов страницы

Полноэкранный

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

Селектор холста

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

Полный экран с заголовком

Дополнения Elementor

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

  • Page Templater For Elementor добавляет в вашу тему полноразмерный шаблон страницы.
  • Press Elements добавляет дополнительные виджеты в конструктор страниц Elementor.
  • Elementor Addon Elements добавляет еще больше элементов в Elementor.
  • Devices Elementor позволяет добавлять к изображениям рамки устройств (ноутбуков, смартфонов и т. Д.).

Как видите, Elementor понравился сторонним разработчикам, которые создали бесплатные расширения, чтобы сделать этот конструктор страниц WordPress еще лучше.

Elementor Pro Особенности

Если вы все же решите заплатить 49 долларов за доступ к Elementor Pro, то вы не только получите доступ к каналам поддержки премиум-класса, но и к некоторым замечательным дополнительным функциям.

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

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

Короткий код

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

Шорткод в тексте

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

Шорткод опубликован

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

Добавление настраиваемых форм, таймеров обратного отсчета, кнопок социальных сетей, таблиц цен, ползунков и элементов WooCommerce в ваши проекты - это еще несколько дополнительных функций, которые открываются при обновлении до Elementor Pro.

Сводка обзора Elementor

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

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

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

Element Pro включает полезные обновления по сравнению с бесплатной версией. Больше элементов, шаблонов и вариантов дизайна делают Element Pro за 49 долларов очень конкурентоспособным по цене премиальным плагином для создания страниц WordPress.

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

Узнайте больше и попробуйте Elementor сегодня