Простой и многофункциональный конструктор страниц WordPress

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

Плагин, о котором пойдёт речь, решает один из главных недостатков WordPress – шаблонность, то есть, отсутствие гибкости, которой так не хватает некоторым пользователям.

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

Elementor – это тот плагин, который я так нахваливал. Среди прочего, следует отметить и другие его достоинства: он прост в использовании и полностью бесплатный. А также есть и недостатки – плагин на английском языке. Однако, благодаря понятному интерфейсу, значение языкового барьера преуменьшается.

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

Скачайте плагин Elementor по ссылке ниже, установите его на свой сайт и активируйте. Давайте разберёмся в нём.

После установки плагина в консоли образуется пункт «Elementor». В нём, в разделе «Post Types» можно выбрать, в каких типах контента будет присутствовать дополнительный конструктор WordPress, а в раздел «Exclude Roles» можно отметить роли пользователей, для которых этот конструктор не будет доступен.

В принципе, всё можно оставить по умолчанию.

Теперь перейдите непосредственно в конструктор страниц WordPress от «Elementor», для этого просто откройте для редактирования (или создайте новую) страниц или запись. Встроенный редактор WordPress остаётся доступным. Чтобы переключиться на конструктор, нужно нажать на кнопку «Edit with Elemetor».

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

Панель инструментов конструктора страниц WordPress разделена на две группы: «Elements», в которой собраны разнообразные элементы плагина «Elementor», которые можно поместить на страницу или в запись; и «WordPress» — со стандартными элементами WordPress.

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

Начать нужно с нажатия кнопки «Add New Section», которая добавляет секцию на страницу или в запись.

Можно выбрать количество колонок для секции. Конструктор страниц WordPress позволяет создавать от 1 до 10 колонок, в каждую их которых можно добавить любой элемент.

Вы можете посмотреть видео-обзор этого конструктора страниц WordPress.

Давайте рассмотрим элементы из группы «Elementor»:

• Columns. Позволяет создавать дополнительные колонки.
• Heading. Заголовок.
• Text editor. Текстовый редактор на основе встроенного редактора WordPress.
• Images. Вставка картинки.
• YouTube. Вставка видео из YouTube.
• Button. Симпатичные настраиваемые кнопки.
• Devider. Разделитель.
• Google Maps. Карта из Google.
• Счётчик.
• Progress bar. Красивый настраиваемый прогресс-бар.
• Icon. Иконка, которую можно выбрать из встроенной в плагин библиотеки.
• Icon list. Настраиваемый список с иконками вместо маркера.
• Tabs. Очень удобный элемент, позволяющий переключать текст в табах, вкладках.
• Accordion. Конструктор страниц WordPress позволяет создавать также не менее удобное меню-аккордеон, где пользователь может сворачивать и разворачивать текст.
• Toggle. Переключатель. Это тоже разновидность контентного меню, с возможностью сворачивания и разворачивания текста.
• Alert. Выделенный текстовый блок.
• HTML. Выполнение HTML кода.
• Menu anchor. Создаёт якорь в тексте, из которого можно сделать оглавление.
• Sidebar. Дополнительный сайдбар в любой записи или странице, в который можно добавить виджеты.

Вот такой внушительный список элементов поддерживает этот конструктор страниц WordPress. И это ещё не всё. Как я писал выше, есть ещё блок элементов «WordPress», в котором собраны стандартные части CMS. Их подробно рассматривать не стану, сможете разобраться самостоятельно.

В визуальном редакторе есть ещё одна панель инструментов внизу.

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