ТОП 10 перетаскиваемых плагинов WordPress Page Builder на 2020 год

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

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

Что такое конструктор страниц WordPress?

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

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

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

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

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

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

Давайте посмотрим на лучших конструкторов страниц WordPress 2020 года.

1. Elementor Page Builder (бесплатно + премиум $ 49 за 1 сайт)

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

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

Основные особенности Elementor:

1. Полная настройка макета : вы можете полностью настроить веб-страницы так, как вам нравится: полный контроль над шириной и высотой раздела, размером столбцов, положением столбца и содержимого, настройками отступов и полей, зазором между столбцами и т. Д.
2. Библиотека шаблонов : более 20 красивых шаблонов страниц, разработанных для профессионального использования. Вы можете выбрать любой из них, и ваша страница будет разработана в считанные секунды. Кроме того, вы можете настраивать и сохранять свои собственные шаблоны и повторно использовать их позже.

Плюсы:

1. Множество виджетов : поставляется с 28 виджетами, которых вполне достаточно для настройки веб-страниц. Вам может не потребоваться больше виджетов.
2. Особые настройки для планшетов и мобильных телефонов : плагин Elementor позволяет вносить определенные корректировки и изменения дизайна, которые влияют только на эти конкретные версии.
3. Доступна премиум-версия : премиум-версия плагина поставляется с добавленными виджетами и расширенными возможностями. По мере роста вашего веб-сайта вам могут потребоваться более сложные изменения дизайна, поэтому возможность обновления может быть преимуществом.

Минусы:

1. Множество вариантов: если вы новичок в WordPress, это может сбить вас с толку или ошеломить.
2. Не работает со старой версией WordPress и PHP: плагин Elementor работает с вашим веб-сайтом, только если версия WordPress не ниже 4.4 и PHP версии 5.4.

Скачать плагин бесплатно View Premium

2. Конструктор страниц от SiteOrigin (БЕСПЛАТНО)

Page Builder от SiteOrigin - самый популярный бесплатный плагин для создания страниц для WordPress с более чем одним миллионом активных установок. Он предоставляет простой интерфейс создания контента для создания адаптивных макетов страниц с помощью виджетов. Он отлично работает со стандартными виджетами WordPress вместе с другими виджетами, предоставленными в конкретной теме и плагинах, которые вы можете использовать. Плагин хорошо работает с большинством тем и плагинов WordPress, что является хорошей новостью для вас, если вы хотите внести некоторые изменения в дизайн уже существующего макета темы.

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

Основные возможности Page Builder от SiteOrigin:

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

Плюсы:

1. Бесплатный плагин: это бесплатный плагин. Вы сэкономите немного денег.
2. Простой и удобный интерфейс : создавайте уникальные и потрясающие веб-страницы, не написав ни единой строчки кода.
3. Совместимость с любым виджетом: поставляется с некоторыми собственными виджетами. Кроме того, он позволяет использовать любые стандартные виджеты WordPress и любые пользовательские виджеты. Вы также можете использовать SiteOrigin Widgets Bundle, который представляет собой набор из 20 полезных виджетов .

Минусы:

1. Ограниченные виджеты: он имеет ограниченное количество виджетов по сравнению с другими конструкторами страниц. Вам необходимо установить дополнительные плагины для большего количества виджетов.
2. Базовое живое редактирование: Конструктор страниц SiteOrigin имеет очень простой живой редактор, который не является продвинутым, как другие конструкторы страниц Premium.

Узнать больше и скачать плагин

3. Конструктор страниц WPBakery для WordPress (Премиум $ 64)

WPBakery Page Builder для WordPress (ранее Visual Composer ) - самый продаваемый плагин для создания страниц на CodeCanyon . Он поддерживает более 2 миллионов веб-сайтов в сети. Плагин обеспечивает как интерфейсное, так и внутреннее редактирование контента. Прежде всего, это не только инструмент для редактирования серверной части, но и многофункциональный интерфейсный редактор WordPress. Интерфейс редактирования просто потрясающий.

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

Основные возможности Visual Composer:

1. Внешнее и внутреннее редактирование контента : вы можете испытать как интерфейсное, так и внутреннее редактирование с помощью этого плагина.
2. Обширные блоки контента, макеты и надстройки : есть несколько элементов контента, макетов, а также варианты использования более 150 эксклюзивных надстроек сторонних производителей.

Плюсы:

1. Совместимость с WooCommerce: плагин очень хорошо интегрируется с плагином WooCommerce. Создавать страницы электронной коммерции очень просто.
2. SEO Friendly : плагин имеет хорошую поддержку и совместимость с плагином Yoast SEO.

Минусы:

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

Узнать больше и скачать плагин

4. Divi Builder (Премиум $ 89)

Divi Builder - отличный плагин для создания страниц от Elegant Themes . Это мощный инструмент популярной темы Divi, которая теперь доступна для любой другой темы. Плагин предоставляет интуитивно понятный интерфейс перетаскивания. Визуально можно построить практически все, не касаясь кода. Существует более 40 красиво оформленных блоков / модулей контента, которые вы можете перетаскивать, смешивать, сопоставлять и создавать потрясающие веб-страницы.

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

Основные возможности Divi Builder:

1. Бесконечные возможности макета : создавайте дизайн любого типа с помощью 3 типов разделов, типов с 20 строками и более 40 модулей содержимого.
2. Добавить собственный CSS : если вы хорошо умеете писать красивые коды CSS, запачкайте руки. Он имеет параметры для настраиваемого CSS.

Плюсы:

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

Минусы:

1. Не для новичков : во-первых, вы не можете приобрести ТОЛЬКО этот плагин. Вы должны приобрести как минимум пакет годового доступа, который включает доступ ко всем темам и плагинам. Это довольно дорого, так как минимальная стоимость годового доступа составляет 89 долларов.

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

Узнать больше и скачать плагин

5. Beaver Builder (бесплатно + премиум $ 99 за стандартный план)

Beaver Builder - это продвинутый конструктор визуального контента для WordPress . Он позволяет структурировать и создавать красивые страницы, сообщения вашего веб-сайта с полной поддержкой перетаскивания. С помощью плагина Beaver Builder вы можете редактировать интерфейс с предварительным просмотром в реальном времени; добавляйте строки, меняйте порядок и размер столбцов по своему усмотрению. Вы можете найти как БЕСПЛАТНУЮ, так и платную версию плагина.

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

Основные особенности Beaver Builder:

1. Модули контента : добавьте любой тип контента, который вам нравится, из доступных модулей контента; HTML, фото, текстовый редактор, аудио, видео и боковая панель.
2. Мобильный / отзывчивый: страницы, созданные с помощью плагина Beaver Builder, будут на 100% отзывчивыми (убедитесь, что тема полностью адаптивна).
3. Многоразовые шаблоны: в нем есть несколько красивых шаблонов страниц, которые вы можете использовать. Кроме того, вы можете сохранить созданные вами шаблоны и впоследствии использовать их повторно.

Плюсы:

1. Поддержка WooCommerce : Beaver Builder имеет более глубокую интеграцию с плагином WooCommerce. С помощью этого плагина создавать страницы электронной коммерции очень просто.
2. Удобство для разработчиков : разработчики могут легко расширять и настраивать плагин с помощью виджетов или мощного шаблона настраиваемого модуля.

Минусы:

1. Ограниченное количество модулей в БЕСПЛАТНОЙ версии : плагин Beaver Builder имеет ограниченное количество модулей в бесплатной версии. Вам необходимо перейти на премиум-версию, чтобы получить больше модулей.
2. Дорого: самый дешевый план Beaver Builder доступен за 99 долларов.

Скачать плагин бесплатно View Premium

6. Live Composer Page Builder (БЕСПЛАТНО)

Live Composer - это многофункциональный плагин для создания страниц WordPress премиум-класса . Это интерфейсный редактор WordPress, который позволяет с легкостью редактировать ваш сайт. Плагин полностью БЕСПЛАТНЫЙ, но предоставляет множество расширенных функций, позволяющих мгновенно создавать потрясающие веб-страницы. Существует более 30 потрясающих модулей контента с полной поддержкой перетаскивания. Плагин позволяет создавать потрясающие страницы в реальном времени с предварительным просмотром в реальном времени.

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

Основные возможности Live Composer:

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

Плюсы:

1. Мощный плагин БЕСПЛАТНО : вы получаете этот расширенный плагин БЕСПЛАТНО. Все удивительные модули и стили есть в плагине Live Composer, который напоминает вам о плагине премиум-класса.

Минусы:

1. Отвлекает новичков: плагин кажется довольно сложным и отвлекающим для новичков. Добавить строки легко, но разделение на столбцы может занять время. В нижней части есть панель уведомлений, которая показывает обновления Live Composer, такие как реклама, которая может вас отвлекать.

Узнать больше и скачать плагин

7. Themify Builder (бесплатно + премиум $ 39)

Themify Builder - еще один мощный конструктор страниц для WordPress . Вы можете легко создавать адаптивные макеты веб-сайтов, используя интуитивно понятную структуру перетаскивания. Плагин доступен как БЕСПЛАТНО, так и в платной версии. В бесплатной версии плагина более 20 полезных модулей . Вы можете легко перетаскивать модули как в серверном интерфейсе, так и в режиме внешнего интерфейса.

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

Основные возможности Themify Builder:

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

Плюсы:

1. Редактирование в реальном времени для новичков: плагин Themify Builder имеет простой и понятный интерфейс. Новички, не имеющие опыта программирования, также могут наслаждаться простым редактированием в реальном времени.

Минусы:

1. Ограниченные возможности в БЕСПЛАТНОЙ версии : она доступна БЕСПЛАТНО, но имеет ограниченные функции и модули в бесплатной версии.

Узнать больше и скачать плагин

8. Редактор контента MotoPress (бесплатно + премиум $ 29)

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

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

Основные возможности редактора контента MotoPress:

1. Адаптивные макеты для мобильных устройств: с помощью этого плагина вы можете создавать полностью адаптивные макеты для мобильных устройств.
2. 30+ встроенных модулей контента: используйте 30+ встроенных модулей контента и создавайте свои веб-страницы.

Плюсы:

1. Работает с вашими существующими страницами и сообщениями : вы можете включить визуальный редактор на существующих страницах и сообщениях и изменить их дизайн. Большинство других конструкторов страниц не поддерживают редактирование существующих страниц.

Минусы:

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

Скачать плагин бесплатно View Premium

9. Cornerstone (премиум $ 39)

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

Основные особенности Cornerstone:

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

Плюсы:

1. Простота использования: плагин Cornerstone относительно проще благодаря простому и понятному интерфейсу.
2. Редактирование CSS в реальном времени: если вы профессиональный веб-дизайнер с хорошими навыками CSS, этот плагин вам подойдет. Вы можете добавлять стили CSS с предварительным просмотром в реальном времени.

Минусы:

1. Меньше настройки элементов : по сравнению с другими конструкторами страниц премиум-класса, такими как Divi Builder, у него меньше возможностей настройки элементов.
2. Шорткоды : как и большинство конструкторов страниц, он основан на шорткодах. Когда вы удалите плагин, содержимое страницы может перестать работать.

Узнать больше и скачать плагин

10. Сэндвич с конструктором страниц (бесплатно + премиум $ 39 за один сайт)

Page Builder Sandwich - еще один замечательный интерфейсный редактор WordPress . Плагин доступен как в БЕСПЛАТНОЙ, так и в платной версии. Есть 10+ блоков контента, в которые вы можете добавлять столбцы. Кроме того, плагин поддерживает все другие стандартные виджеты WordPress и пользовательские виджеты. В платной версии есть обширные модули.

Основные возможности Page Builder Sandwich:

1. Глобальное сопоставление шорткодов: шорткоды из популярных плагинов WordPress, таких как WooCommerce, NextGEN Gallery, JetPack, отображаются, что позволяет вам легко добавлять и редактировать на своих страницах.
2. Просто лучшее живое редактирование : у него простой и легкий интерфейс для внешнего редактирования. Вы можете легко перетаскивать элементы и добавлять свой собственный контент и одновременно просматривать дизайн.

Плюсы:

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

Минусы:

1. Ограниченные модули в бесплатном плагине: плагин также доступен в БЕСПЛАТНОЙ версии, но имеет ограниченное количество элементов контента. Он просит вас перейти на премиум-версию, чтобы разблокировать другие функции.

Скачать бесплатно Просмотр Премиум

Подведение итогов

В наши дни использование конструкторов страниц стало тенденцией среди всех, включая разработчиков тем WordPress и пользователей. Большинство новых тем в наши дни поставляются со встроенной интеграцией с конструктором страниц и рядом виджетов для работы с ним. Например, вы можете проверить нашу тему Flash, которая построена с более глубокой интеграцией с SiteOrigin Page Builder и сопутствующим плагином Flash Toolkit, который содержит более 10 очень полезных виджетов . Если вы начинаете новый проект, такая тема, как Flash, со встроенным конструктором страниц может быть преимуществом.

Если вы хотите узнать больше о теме Flash, прочтите этот пост « Представляем Flash - самую гибкую и бесплатную многоцелевую тему ».

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

Есть ли что-нибудь в этом списке?

Не стесняйтесь писать ниже.