3 лучших бесплатных конструктора страниц для WordPress

Коструктор для создания сайтов

Здравствуйте, дорогие друзья и коллеги!

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

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

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

Elementor — конструктор веб-сайтов

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

После установки и активации данного плагина на странице редактирования страниц и записей появится вот такая кнопка, при нажатии на которую запускается визуальный редактор Elementor

Визуальный редактор веб-страниц

Выглядит он следующим образом:

Создание  иеб-страниц в визуальном редакторе

Достоинства плагина Elementor:

  • большой набор встроенных виджетов
  • наличие визуального редактора
  • возможность использования стандартных виджетов WordPress
  • возможность создания страницы на основе выбранного макета
  • можно использовать созданные макеты на других страницах или сайтах
  • добавление эффекта анимации появления для блоков
  • наличие отдельного макета «Elementor холст», который позволяет создавать и редактировать структуру страницы на весь экран (без шапки, подвала и сайдбаров установленной темы)
  • наличие истории изменений
  • имеет много дополнительных настроек цветов, шрифтов и так далее
  • возможность просмотра внешнего вида сайта на мобильных устройствах.

Недостатки плагина Elementor:

  • долго грузится визуальный редактор (для сложных макетов конструктор может грузится до 10-15 минут)
  • возможность добавлять пользовательские CSS стили для блоков есть только в PRO версии
  • не очень удобная панель редактирования настроек виджета.
Лично мне этот плагин понравился, если не брать во внимание скорость загрузки визуального редактора. Для создания сложных страниц я бы не стала его использовать.

WordPress Page Builder – Beaver Builder

Beaver Builder

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

Редактирование страниц в Page Builder

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

Блочная верстка страницы

Достоинства плагина Page Builder – Beaver Builder:

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

Недостатки Beaver Builder:

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

Page Builder от SiteOrigin

Page Builder от SiteOrigin

Данный плагин является лидером по рейтингу и количеству скачиваний (более 1 000 000).

На мой взгляд, такую популярность он получил из-за своей простоты и надёжности. Основным его отличием является то что он содержит в себе и визуальный редактор (как предыдущие плагины) и возможности создавать страницы при помощи блоков в консоли WordPress.

После его установки у вас при создании или редактировании страниц и записей появляется дополнительная вкладка:

Вкладка редактора страницы

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

Создание страницы в Page Builder

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

Визуальный редактор Page Builder

Достоинства плагина Page Builder от SiteOrigin:

  • наличие двух режимов создания страницы (визуальный редактор и работа с блоками в консоли WordPress)
  • поддержка всех виджетов, которые есть на сайте, в том числе и виджетов других плагинов (WooCommerce, слайдеры, меню и так далее)
  • возможность выбирать готовый шаблон оформления
  • возможность экспорта и импорта макетов для их использования на других страницах и сайтах
  • возможность копирования макетов отдельных страниц и записей
  • можно объединять несколько макетов на одной странице
  • добавление пользовательских CSS стилей для отдельных строк и виджетов
  • наличие истории изменений и возможность делать откат действий
  • можно просмотреть как будет смотреться сайт на мобильных устройствах
  • наличие виджета «Конструктор макетов», который позволяет создавать сложные структуры в отдельных ячейках
  • удобный визуальный редактор, который быстро грузится

Недостатки Page Builder от SiteOrigin:

  • требует доустановки дополнительного пакета виджетов
  • набор виджетов намного меньше чем у плагина Elementor
  • отсутствие возможности задавать анимацию появления.
Как сделать интернет-магазин?

Видео

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

Спасибо что дочитали статью до конца! Успехов вам и вашим проектам! До встречи в следующих статьях!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

2 комментария

  1. Спасибо за обзор, Юлия, и с наступающим Новым годом! //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif
    С удовольствием читаю Ваш сайт и нахожу для себя много полезного. После Вашей статьи о создании лендинга на WP использую Page Builder Site Origin. Прекрасная во всех отношениях вещь: пришлось, правда, немного приноровиться к настройкам (но это же всегда так поначалу), теперь даже не хочется пробовать что-то другое. //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

  2. //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gifСпасибо ! C  новым годом ВАС ЮЛЯ !

    Рад за подписку ! Нашел то ,что хотел

    Все толково

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif