Конструктор страниц плагин вордпресс – Топ 5 плагинов-конструкторов для WordPress — AWayne

Топ 5 плагинов-конструкторов для WordPress — AWayne

Автор Alexander Wayne На чтение 4 мин. Просмотров 623 Обновлено 11.12.2018

Всем привет! В этой статье я расскажу про 5 плагинов-конструкторов для WordPress. С их помощью вы сможете легко редактировать страницы без помощи HTML-кода. Просто берете нужный элемент и перетаскиваете в нужное место. Все просто. Технология, кстати, называется Drag&Drop. Итак, давайте начинать!

5 плагинов-конструкторов для WordPress

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

Elementor

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

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

Более подробно об этом плагине можно узнать на странице WordPress.org. Скачать его можно там же, или прямо из каталога (Плагины – Добавить новый).

Page Builder by SiteOrigin

Еще один бесплатный конструктор для WordPress, который можно легко установить из каталога. По сути, это тот же Элементор, но только в профиль. Здесь имеются все функции и особенности, которыми должен обладать нормальный конструктор. Точно также, с помощью системы Drag&Drop, вы создаете красивую страницу без работы с кодом. Как заявляют разработчики, этот плагин может работать почти с любой темой WordPress. Посмотреть более подробную информацию и скачать можно со странички на WordPress.org.

WordPress Page Builder – Beaver Builder

Гибкий конструктор для WordPress Beaver Builder также позволит вам в два счета собрать страницу из разных элементов. Удобный интерфейс, поддержка большого количества разных виджетов (фото, видео, аудио и т.д.) делают этот плагин одним из лучших на сегодняшний момент. Пользователи, к слову, тоже оценили этот продукт. На данный момент у Beaver Builder около 500 тысяч активных установок. Это ли не говорит о его качестве. Для получения более подробной информации загляните на страницу WordPress.org.

WPBakery Page Builder

Вот мы и дошли до премиум-конструктора для WordPress, который используется по всему миру большим количеством вебмастеров. Это полностью платное решение, которое придется покупать в магазине Envato. Стоимость не такая высокая, как может показаться на первый взгляд – всего 46 долларов. Плагин обладает всеми необходимыми функциями для создания крутого лендинга или простой страницы. Здесь очень много разных виджетов, каждый из которых можно легко отредактировать. Цвета, размеры и даже стиль – все поддается изменению в WPB Page Builder.

Для покупки плагина перейдите по ссылке выше.

Visual Composer

По сути, это брат-близнец WPB Page Builder. Тот же интерфейс, те же функции, даже одни и те же названия. Как я понимаю, когда-то давно в команде Visual Composer произошел раскол. В итоге было решено создать два отдельных продукта. Но в отличие от WPBPB, Visual Composer имеет бесплатную версию. Прямо сейчас вы можете зайти на официальный сайт плагина и загрузить ее. Там же можно найти и более подробную информацию об этом продукте.

Заключение

Тут всего 5 плагинов-конструкторов для WordPress. Но всего их, конечно же, намного больше. Просто я старался выбрать наиболее популярные и одновременно полезные продукты, которые точно подойдут для комфортного использования. Возможно, в будущем я расширю этот топ, добавив еще несколько крутых решений. Но если вам невтерпеж, и вы хотите поискать другие плагины, то я рекомендую вам зайти в каталог WordPress и попробовать поискать по ключевым словам “Builder, Page Builder, Composer”. Уверен, вы найдете продукт себе по душе.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

( Пока оценок нет )

awayne.biz

Три лучших плагина wordpress конструктор страниц

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

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

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

Elementor Page Builder

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

Возможности плагина

1. Можно создавать страницы как встроенные в дизайн шаблона, так и на абсолютно чистом холсте. Этот принцип позволяет создавать абсолютно «чистые» продающие странички на любую тему
2. Работает по принципу детского конструктора: создаем поле и добавляем в него необходимые виджеты. Всего виджетов в бесплатной версии — 28. При чем вы такк же можете использовать любые другие виджеты, например те. которые встроены в шаблон или wordpress. ограничений нет.
3. Можно использовать уже готовые шаблоны (их около 100 на сегодняшний день), просто заменяя в них текст, изображения, видео…
4. Огромное количество настроек анимации, используя которые, получаешь подвижные живые странички;
5. Адаптирован к мобильным устройствам;
6. Мультиязычен. Просто выбираете тот язык, который Вам удобен.
7. Все достоинства и возможности в кратком обзоре описать невозможно. Список продлить сможете самостоятельно. после знакомства с этим плагином

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

Beaver Page Builder

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

Возможности

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

С помощью этого конструктора я создавала странички подписик. буквально в течении 10 минут. Пример такой странички предлагаю посмотреть здесь, а заодно и подписаться на новости моего блога.

Еще один очень важный момент для предложенных конструкторов: они работают совместно на одном сайте и не конфликтуют. Использую на этом сайте шаблон Hestia. Не могу со 100% гарантией сказать. что так же будет и на любом другом шаблоне. Надо проверять.

WPBakery Page Builder

Это платный плагин. Но он того стоит. Принцип работы — тот же: складвание виджетов в конструктор. Использовать можно все включенные в админ панель.

Хорошо работает с плагином WooCommerce. Всего встроенных блоков имеет около 40.

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

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

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

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

Подведем итог:

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

[sendpulse-form]Еще больше об инструментах  можно узнать, подписавшись на рассылку — «Инструменты в помощь начинающему блогеру»

Ну что же, удачной Вам работы!
Будут вопросы или пожелания, пишите в комментариях.
Если информация была для Вас полезной — делитесь ей со своими друзьями в социальных сетях

altacademic.ru

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

Зачем нужен конструктор страниц WordPress?

С помощью конструктора WordPress можно разрабатывать и создавать самые разные страницы, начиная от простых и до самых сложных. Для этого имеются и другие инструменты, наиболее успешными из них являются Drupal и Joomla. Однако пользователи предпочитают WordPress, и для этого у них есть свои, такие простые и такие весомые причины:

• Простота установки
• Простота настройки
• Простота в использовании.

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

Ниже приведён обзор различных характеристик для трёх лучших конструкторов страниц WordPress

1. Visual Composer

[wp-pic type=»envato» slug=»242431″ layout=»large» ]

Особенности:

Visual Composer даёт возможность изменять содержимое страницы как из передней части сайта, так и из админки. Неудивительно, что он предпочитается пользователями, так как только он позволяет делать это. У Visual Composer невероятно широкий набор функций. Он включает в себя компоненты мультимедиа для изображений и видео, кнопки соцсетей и компоненты для контента, такие, как карусель для сообщений, расположение плиткой и слайдеры постов. Имеется функция поддержки.

Удобство использования:

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

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

Поддержка:

Данный плагин используется уже давно, при этом он регулярно обновляется, расширяя свои возможности. Это самый популярный плагин на CodeCanyon, можно быть уверенным в том, что он будет активно поддерживаться в течение длительного времени. WP Bakery имеет на своём сайте обширную базу данных, где вы сможете почерпнуть для себя необходимую информацию. Работает служба поддержки, отвечающая на запросы пользователей, а на комментарии пользователей даются ежедневные ответы на сайте CodeCanyon.

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

Компоненты:

Полный пакет этой версии является самым продаваемым аддоном на CodeCanyon. Каждый его элемент продуман так, чтобы предоставить пользователям максимальное удобство в работе. Его компонентами являются: информационное окно, иконки, информационный список, счётчик, модальное всплывающее окно, интерактивный баннер, таймлайн и расширенные карты Google. Особенности фона: вертикальный и горизонтальный параллакс, фон для закреплённых изображений и для видео, однослойный и многослойный параллакс при наведении. С помощью текстового редактора WordPress вы сможете изменять шрифты в значке и искать нужные шрифты для иконок в вашей библиотеке.

Встроенные блоки:

Данный плагин имеет более 40 встроенных блоков. Они включают в себя текстовый блок, текстовые разделители, Facebook Like, Single Image, Call to Action, видео плеер, карты Google, Pinterest, круговую диаграмму, плитку для медиа и т. д. Это имеется только в файлах JavaScript и позволяет экономить трафик и время.

Достоинства и недостатки:

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

2. Beaver Builder

[wp-pic type=»plugin» slug=»beaver-builder-lite-version» layout=»large» ]

Особенности:

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

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

Удобство использования:

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

Если вы создаёте новую страницу, перейдите на вкладку “Page Builder” или кликните по ссылке “Page Builder”, доступной в списке записей.

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

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

Имеется возможность редактировать все элементы макета из контекстного меню. После создания пользовательского макета страницы вы сможете сохранить его в меню «Инструменты». На основе сохранённых макетов в будущем можно будет разрабатывать новые страницы.

Поддержка:

Команда поддержки Beaver Builder предлагает помощь, и, как правило, очень оперативно, в течение 24–48 часов. Также имеется форум поддержки, на котором можно получить необходимые ответы от команды поддержки.

Аддоны:

К сожалению, в настоящее время данный плагин не поддерживает возможность добавления расширений.

Встроенные блоки:

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

Достоинства и недостатки:

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

3. Velocity Page

Особенности:

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

Удобство использования:

Velocity позволяет изменять содержимое страницы только из передней части сайта. Войдя, вы сможете увидеть на странице кнопку “Редактировать”. Нажмите её, чтобы включить процесс редактирования. Вы можете использовать редактор, чтобы быстро просмотреть доступные варианты, прежде чем сделать свой выбор. Хотя вы можете изменять столбцы и строки, используя кнопку ”Изменить тип элемента», вы не сможете изменять ширину столбца.

Поддержка:

Velocity Page имеет хорошую поддержку. Если во время 30-дневного пробного периода его работа вас чем-то не устроит, по истечении этого срока вам вернут ваши деньги. Чрезвычайно эффективная система поддержки ответит на все запросы и поможет вам решить все возникшие проблемы.

Аддоны:

К сожалению, данный плагин не поддерживает установку дополнений.

Встроенные блоки:

Вы можете с лёгкостью использовать встроенные блоки, улучшая дизайн редактируемой страницы. Для этого нужно просто воспользоваться перетаскиванием drag and drop для добавления блока. Блоком могут быть: изображение, форум, мультимедиа, текст и т. д.

Достоинства и недостатки:

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

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

clubwp.ru

Лучшие плагины конструкторы страниц для WordPress

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

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

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

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

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

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

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

Кстати, осиновая цель использования таких конструкторов — это создание лендингов. В них есть всё, что для этого нужно.

Elementor

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

После установки и активации плагина в стандартном редакторе WordPress появляется кнопка “Редактировать в Elemetor”. После её нажатия открывается редактор со множеством элементов:

• колонки;
• текстовые блоки;
• изображения;
• видео;
• кнопки;
• иконки;
• списки;
• виджеты из WordPress;
• и многое другое.

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

Этот плагин от разработчиков из Elementor.com условно-бесплатный. Функций из бесплатной версии хватит для большинства пользователей. За дополнительные возможности придётся заплатить. Интерфейс на русском языке.

Page Builder

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

После активации плагина в редакторе появляется дополнительная вкладка “Page builder”. При переходе в неё открывается полноценный конструктор. В редакторе можно размещать виджеты самого плагина и WordPress. Также можно опубликовать и другие виджеты, которые установлены на сайте. Можно изменять вёрстку страницы и задавать количество колонок.

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

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

KingComposer

Лучшие плагины конструкторы страниц для WordPress не смогут обойтись без королевского экземпляра KingComposer от King-Theme – разработчиков популярных премиум-тем. Плагин бесплатный.

После установки и активации в редакторе появляется новая кнопка “Edit width King Composer”. После нажатия на неё откроется полноценный конструктор страниц. Можно добавлять необходимое количество колонок, и в каждую колонку помещать элементы. Элементы для публикации разделены на группы:

• блог;
• контент;
• медиа;
• социальные сети;
• виджеты.

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

Плагин полностью бесплатный, но пока русского интерфейса у него нет. Придётся ограничиться английским.

Free Landing Pages Builder by Wishpond

Плагин разработанный Wishpond, который, как понятно по названию, представляет собой конструктор страниц для создания лендингов. Продукт условно-бесплатный.

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

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

wpuroki.ru

Конструктор страниц WordPress с бесплатным плагином Elementor

В этой статье я вам расскажу про конструктор страниц 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. Их подробно рассматривать не стану, сможете разобраться самостоятельно.

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

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

Статьи по теме:

wp-system.ru

Page Builder от SiteOrigin — Плагин для WordPress

SiteOrigin Page Builder is the most popular page creation plugin for WordPress. It makes it easy to create responsive column based content, using the widgets you know and love. Your content will accurately adapt to all mobile devices, ensuring your site is mobile-ready. Read more on SiteOrigin.

We’ve created an intuitive interface that looks just like WordPress itself. It’s easy to learn, so you’ll be building beautiful, responsive content in no time.

Page Builder works with standard WordPress widgets, so you’ll always find the widget you need. We’ve created the SiteOrigin Widgets Bundle to give you all the most common widgets, and with a world of plugins out there, you’ll always find the widget you need.

Он работает с вашей темой.

Page Builder gives you complete freedom to choose any WordPress theme you like. It’s not a commitment to a single theme or theme developer. The advantage is that you’re free to change themes as often as you like. Your content will always come along with you.

We’ve also made some fantastic free themes that work well with Page Builder.

Нет необходимости в кодинге.

Page Builder’s simple drag and drop interface means you’ll never need to write a single line of code. Page Builder generates all the highly efficient code for you.

We don’t limit you with a set of pre-defined row layouts. Page Builder gives you complete flexibility. You can choose the exact number of columns for each row and the precise weight of each column — down to the decimal point. This flexibility is all possible using our convenient row builder. And, if you’re not sure what you like, the Row Builder will guide you towards beautifully proportioned content using advanced ratios.

Live Editing.

Page Builder supports live editing. This tool lets you see your content and edit widgets in real-time. It’s the fastest way to adjust your content quickly and easily.

History Browser.

This tool lets you roll forward and back through your changes. It gives you the freedom to experiment with different layouts and content without the fear of breaking your content.

Row and widget styles.

Row and widget styles give you all the control you need to make your content uniquely your own. Change attributes like paddings, background colours and column spacing. You can also enter custom CSS and CSS classes if you need even finer grained control.

Бесплатно. Сегодня и навсегда.

Page Builder is our commitment to the democratization of content creation. Like WordPress, Page Builder is, and always will be free. We’ll continue supporting and developing it for many years to come. It’ll only get better from here.

We offer free support on the SiteOrigin support forums.

Actively Developed

Page Builder is actively developed with new features and exciting enhancements all the time. Keep track on the Page Builder GitHub repository.

Read the Page Builder developer docs if you’d like to develop for Page Builder.

Available in 17 Languages

Through the efforts of both professional translators and our community, Page Builder is available in the following languages: Afrikaans, Bulgarian, Chinese (simplified), Danish, Dutch, English, Finnish, French, German, Hindi, Italian, Japanese, Polish, Portuguese (BR), Russian, Spanish and Swedish.

Документация

Документация is available on SiteOrigin.

ru.wordpress.org

17 тем WordPress с визуальным конструктором страниц / WordPress шаблоны / Постовой

Следует признать, что немалую долю своей популярности платформа WordPress приобрела благодаря визуальным конструкторам страниц (конструкторам с технологией drag-and-drop). Они значительно упрощают создание сайтов и блогов с уникальным дизайном и являются идеальным решением для начинающего веб-разработчика.

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

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

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

Смотрите также:

Divi Theme

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

Эта тема напоминает пластилин — она не накладывает никаких ограничений на форму или размер элементов, не ограничивает разработчика предопределенными макетами или цветовыми схемами. Окончательный результат зависит только от таланта и дизайнерских способностей разработчика.
Блог, landing page, портфолио или интернет-магазин — для этой темы нет ничего невозможного.

Стоимость: $69 за комплект из 87 тем включая Divi

Смотрите также:
10 премиум фреймворков для создания тем WordPress

Ezio

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

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

Поддерживается работа с популярными плагинами (например Ultimate VC), различными слайдерами и, конечно же, системой электронной коммерции WooCommerce.

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

Стоимость: $59

X Theme

X Theme еще одна популярная и продаваемая тема WordPress. Так же как и Divi это многоцелевая тема с практически неограниченными возможностями, которую можно применить в самых разных областях.

Изначально в X Theme использовался Visual Composer, но теперь она имеет свой собственный конструктор. Впрочем, возможность использования Visual Composer все равно осталась, так что теперь разработчик имеет дополнительный выбор.

Стоимость: $64

Beaver Builder

Выбрав эту тему для своего следующего проекта вы поразитесь насколько быстрее вы сделаете его. Beaver Builder обеспечивает полный цикл создания страницы целиком во front-end. Качественные шаблоны, входящие в комплект, полностью готовы к работе, достаточно заменить фотографии и текст. Или же взять их за основу и создать собственный уникальный дизайн. При помощи технологии drag-and-drop можно быстро разместить элементы в требуемом порядке сохраняя полный контроль над их поведением.

В комплект поставки Beaver Builder входит ряд модулей, расширяющих функциональность сайта. Среди них счетчики посетителей, формы подписки на почтовые рассылки, контактные формы и т.п.

Стоимость: от $99

Themify Builder

Themify — очень популярная тема с drag-and-drop конструктором. Несмотря на свою мощь и невероятное количество функций, тема очень проста в работе и с ней легко справится даже начинающий разработчик. Сам конструктор страниц совместим со всеми темами от Themify. Но может использоваться и как самостоятельный плагин вместе с темами другого разработчика.

Конструктор имеет множество полезных шорткодов, фоновое видео, параллакс скроллинг и различные анимационные эффекты.

В общем, при помощи Themify Builder можно создать современный профессиональный сайт, причем работать можно как через front-end, так и back-end.

Стоимость: $39 за плагин

Monstroid

Отличная многофункциональная тема от TemplateMonster. В комплект входит конструктор MotoPress, позволяющий создавать уникальные дизайны, не прибегая к кодированию. В распоряжении разработчика различные макеты (как фиксированной ширины, так и «резиновые»), боковая панель, которую можно расположить с любой стороны или же отключить совсем.
Базовую функциональность Monstroid можно расширить при помощи 15 дополнений премиум-класса среди которых календарь, облако тэгов, всплывающие подсказки, мегаменю и др.

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

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

Стоимость: $79

Rise

Красивая и мощная тема от Thrive Themes сделана специально для того, чтобы повысить доход от вашего блога.

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

«Под капотом» этой темы традиционно находится конструктор Thrive builder — исключительно мощный и функциональный.

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

Стоимость: от $49

Jupiter

Jupiter — одна из наиболее комплексных тем WordPress. С ее помощью можно создавать невероятные функциональные и уникальные сайты.

В состав темы входит более 50 готовых шаблонов — от простого блога до корпоративного сайта.
Добавьте сюда более 18 вариантов дизайна верхнего колонтитула и вы оцените всю невероятную мощь этой темы. Если вам покажется этого недостаточно, то при помощи встроенного конструктора, с поддеркой drag-and-drop, можно создать свой собственный, абсолютно уникальный дизайн.

Административная панель позволяет контролировать и управлять любым элементом вашего сайта, которых в этой теме предостатчно — несколько вариантов портфолио, 14 различных виджетов, 10 типов сообщений, мегаменю и 1800 иконок.

Стоимость: $59

BeTheme

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

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

Стоимость: $59

Pressive

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

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

Стоимость: от $49

Avada

Одна из самых продаваемых тем на ThemeForest – Avada. Не имеет значение, что вы создаете, блог или корпоративный сайт, Avada имеет все необходимые инструменты, чтобы справится и с тем и с другим.

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

Тема полностью совместима с плагином WooCommerce и отлично выглядит на всех дисплеях, в том числе retina.

Total

Еще одна замечательная и современная тема для WordPress. Для создания страниц используется плагин Visual Composer. Работа производится через front-end, а сами страницы могут быть как фиксированной ширины, так и полноэкранные, с любым макетом и разнообразными элементами: слайдерами (Slider Revolution и Layer Slider), мегаменю, пользовательскими типами сообщений, различными колонтитулами и произвольными цветовыми схемами.
Как и все современные темы премиум-класса имеет отличную SEO-оптимизацию.

Стоимость: $59

Strata

Очень современная тема, со всеми новомодными, но очень полезными и красивыми «штучками».
Фоновое видео домашней страницы несомненно привлечет внимание и заставит задержатся даже случайных посетителей.

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

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

Полная интеграция с платформой WooCommerce позволит создавать эффективные онлайн-магазины.

Стоимость: $59

Uncode

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

Uncode оснащена расширенной версией Visual Composer и рядом плагинов премиум-класса, таких как Revolution Slider, Later Slider и др.

Отличная сеточная верстка, 6 стилей меню, шаблоны блога и портфолио, параллакс эффект и различные CSS3 эффекты помогут вам создать уникальный и незабываемый сайт.

Стоимость: $59

Valenti

Великолепная тема, выполненная в стиле модного журнала. Смотрится здорово и очень профессионально. Адаптивная и поддерживающая retina-дисплеи.

Встроенный drag-and-drop конструктор в сочетании с мощной панелью управления позволяют творить чудеса в придании ей индивидуального стиля.

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

Стоимость: $59

Neosense

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

Созданная с использованием HTML5 и CSS3 она отлично подойдет как для персонального блога, так и для корпоративного сайта или интернет-магазина.

Помимо встроенного конструктора страниц в ней присутствует еще много необходимых и полезных вещей: замчательные слайдеры Slider Revolution и Flex, свыше 120 шорткодов на все случаи жизни, WYSIWYG-редактор, 10 виджетов, форма контактов, 1900 векторных иконок, кнопки соцсетей и многое другое. А в дополнении к этому 5 готовых цветовых схем и мощная панель управления, позволяющая изменять практически все аспекты вашего сайта.

Стоимость: $59

Invicta

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

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

Кроме того, в состав темы входит ряд премиум-плагинов (слайдер Slider Revolution, ценники для онлайн-магазина Go Pricing Table), несколько шаблонов портфолио и различных страниц.

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

Стоимость: $59

---

Заключение

В настоящее время темы с drag-and-drop конструкторами страниц очень популярны как среди новичков таки среди профессионалов. Первым они интересны тем, что позволяют создавать сайты с неповторимым дизайном, не прибегая к кропотливому кодированию, а вторым – тем, что позволяют значительно сократить время разработки.

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

По-моему же мнению, лучшим выбором на сегодня является Divi от команды ElegantThemes поскольку она активно развивается, а обновления, в которых появляются новые функции, выходят регулярно. И потом – 87 различных тем за $69 разве не отличное приобретение?!

postovoy.net