Конструктор страниц WordPress Elementor PRO

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

Давайте сразу ответим на вопрос, что такое Elementor? Это бесплатный конструктор страниц WordPress, но он имеет версию PRO, о которой мы поговорим позже.

Конструктор страниц WordPress Elementor 

Главное преимущество использования Elementor заключается в том, что вы можете создавать профессиональные макеты страниц или структуру контента, даже если вы не дизайнер и не имеете никакого опыта в создании сайтов (HTML, CSS, PHP).

Elementor — мощный конструктор страниц. Он постоянно выпускают новые функции, которые соответствуют современным тенденциям дизайна.

Он позволяет свободно создавать, настраивать и корректировать страницы, а затем просматривать результаты в реальном времени.

Elementor является идеальным дополнением к базовой теме и добавляет длинный список возможностей дизайна. Среди этих особенностей:

• Мобильное редактирование.
• Предварительно разработанные шаблоны, которые позволяют быстро настроить красивый дизайн страницы одним кликом.
• Эффекты, такие как Box Shadows и анимация.
• Библиотека шаблонов готовых шаблонов и страниц.
• Десятки полезных виджетов, таких как отзывы и счетчик.
• Управление макетом веб-интерфейса в реальном времени.

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

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

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

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

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

Это мы поговорили о бесплатной версии, давайте посмотрим, что способна PRO версия.

Elementor

В чем разница между Pro версией и бесплатной? Бесплатная версия предлагает безграничные возможности дизайна.

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

Сразу хотим отметить, бесплатной плана вам вполне хватит, чтобы создавать удивительные страницы.

Но в Pro, есть некоторые интересные вещи, которые могут понравиться опытным пользователям. Если вы в этом ничего не понимаете, то не стоит использовать данную версию. Итак, что вы получите:

• Отображение списков записей и портфолио внутри макетов Elementor
• Использование глобального виджета, который вы можете разместить в разных областях сайта
• Добавление собственного CSS в любой блок
• Разворачивать элементы в боковых панелях и виджетах
• Использовать слайды
• Ускорить интеграцию с WooCommerce (настроить внешний вид содержимого WooCommerce)
• Больше шаблонов страниц
• Создание форм с высокой конверсией
• Расширенная фильтрация постов
• 18 динамических виджетов WooCommerce
• Добавление продуктов и категорий на страницы
• Более 100 виджетов всплывающих окон
• Больше блоков контента

И это конечно же не все. Это лишь малая часть плана pro.

Как создать полноценный сайт WordPress с базовой темой и элементом

Для начала нам нужно установить плагин Elementor. Как мы уже говорили есть две версии, бесплатная версия и версия Pro. Платную версию вы сможете скачать, перейдя по ссылке.

Устанавливаем бесплатную версию плагина, без нее вы не сможете установить платный тариф. Активируем ее и приступаем к работе.

После активации вы увидите экран приветствия и заметите новый пункт меню в навигации администратора WordPress.

Выберите «Страницы» — «Добавить новую». Затем нажмите кнопку «Редактировать с помощью Elementor».

Вас перебросит внутрь редактора Elementor. Что здесь можно:

1. Основной холст. Здесь вы можете разместить свои блоки контента и настроить их.

2. Элементы содержимого, которые доступны.

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

4. Вот как вы вернетесь, чтобы просмотреть элементы содержимого.

5. Выход Элементор.

6. Переключатель устройства (настольный, планшетный, мобильный).

7. Доступ к шаблонам страниц.

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

Во-первых, страница может содержать любое количество разделов.

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

Наконец, каждый элемент контента может быть стилизован индивидуально. Итак, что мы имеем:

Страница → Разделы → Столбцы → Содержимое → Стиль

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

Нажмите «Добавить шаблон» и выберите один из множества бесплатных шаблонов. Рекомендуется начать с пустого шаблона, чтобы узнать, как создаются различные элементы страницы.

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

Также можно переставлять разделы с помощью перетаскивания.

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

Для этого доступны три основные вкладки: «Содержимое», «Стиль» и «Дополнительно».

 

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

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

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

Короче говоря, если вам нужен превосходный бесплатный плагин для создания страниц для WordPress, то Elementor это то что вам нужно. Ну что у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!