Tehnografi.com - Технологические новости, обзоры и советы

Лучшие шесть плагинов перетаскивания по сравнению с создателями …

Pullins для перетаскивания генераторов страниц WordPress – все в моде!

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

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

Но!

Какой из них выбрать? Некоторые из них действительно лучше, чем другие? Это сравнение поможет вам ответить на эти вопросы. Ниже приведен список Шесть лучших плагинов WordPress Page Builder на рынке, его превосходные свойства и его преимущества и недостатки.

Давайте начнем с краткого сравнительного графика, чтобы охватить детали, которые вас интересуют больше всего:

Лучшие плагины для создателей сайтов WordPress

подключения Цена Позиция Комментарии Окончательный результат
Факир Бесплатный план: ✅

Профессиональный план от: 49 долларов США за один сайт

Более 90 элементов контента.

Более 100 шаблонов страниц.

⭐⭐⭐⭐⭐
черты

⭐⭐⭐⭐
легкость

⭐⭐⭐⭐⭐
конструкции

⭐⭐⭐⭐⭐
Бобровый строитель Бесплатный план: ✅

Про план от: $ 99 для неограниченных сайтов

Более 30 элементов контента.

Более 50 шаблонов страниц.

⭐⭐⭐⭐⭐
черты

⭐⭐⭐⭐
легкость

⭐⭐⭐⭐
конструкции

⭐⭐⭐⭐
Brizy Бесплатный план: ✅

Профессиональный план от: $ 49 за три локации

26 элементов контента

150 шаблонов страниц в Pro

⭐⭐⭐⭐
черты

⭐⭐⭐⭐⭐
легкость

⭐⭐⭐⭐
конструкции

⭐⭐⭐⭐
Divi Builder Бесплатный план: ⛔

Про план от: $ 89 для неограниченных сайтов

Более 40 элементов контента.

~ 1000 шаблонов страниц

⭐⭐⭐⭐⭐
черты

⭐⭐⭐
легкость

⭐⭐⭐⭐⭐
конструкции

⭐⭐⭐⭐
Строитель Бесплатный план: ✅

Про план от: $ 39 для неограниченных сайтов

Более 25 элементов контента.

Более 40 страниц шаблонов.

⭐⭐⭐
черты

⭐⭐⭐
легкость

⭐⭐⭐⭐⭐
конструкции

⭐⭐⭐
Гутенберг Бесплатный план: ✅

Профессиональный план ⛔

более 20 основных блоков контента и более 30 дополнительных вставок

Там нет шаблонов страниц.

⭐⭐
черты

⭐⭐⭐⭐⭐
легкость

⭐⭐
конструкции

⭐⭐⭐

Вот полный список:

Факир

Бесплатный план: профессиональный профессиональный план от: $ 49 / официальный сайт

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

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

Вот основной интерфейс Elementor:

И последнее, но не менее важное: Elementor доступен бесплатно. Существует также профессиональная версия, но в 95% случаев бесплатная версия подходит (Elementor не является одним из тех бесплатных инструментов, которые в основном можно использовать только при оплате).

Основные функции ⚙️

  • Более 100 готовых шаблонов страниц.
  • Готовые блоки страниц – такие элементы, как разделы героев, нижние колонтитулы и полные заголовки.
  • 100% перетаскивание; Вы можете настроить все, что вы видите на экране.
  • Работает с постами и страницами.
  • Вы также можете использовать его для замены стандартных сообщений и шаблонов файлов для вашей темы.
  • Доступно более 90 элементов контента, и вы можете использовать любой виджет, который вы уже установили на своем сайте.
  • Работает с любой темой.
  • Он работает с WooCommerce и содержит пользовательские элементы содержимого WooCommerce.
  • У него есть мобильные средства редактирования, и все, что вы создаете с помощью Elementor, можно просматривать и отвечать на них на мобильных устройствах.
  • У него есть генератор всплывающих окон.
  • Он имеет настраиваемые столбцы, настраиваемую ширину и высоту, настраиваемые позиции содержимого, настраиваемый интервал между столбцами, фоны, цвета, рамки и многое другое. Короче говоря, адаптация сильна в этом случае.
  • Вы можете импортировать / экспортировать свои пользовательские страницы и другие сторонние шаблоны, которые вы нашли в Интернете.
  • Пользовательская поддержка CSS.

Преимущества 👍

  • Готовые шаблоны страниц значительно ускоряют работу плагина и предоставляют вам отличный выбор макетов страниц. И, конечно, вы можете свободно настраивать эти шаблоны.
  • Управление мобильным редактированием действительно круто. Вы можете использовать их, чтобы изменить внешний вид вашего творения на мобильных (или планшетных) устройствах. В основном вы можете выбрать точки останова, настроить размеры шрифта и значения заливки, а также все остальное, что важно для хорошо продуманного макета.
  • Вокруг Elementor огромное сообщество, так что вы всегда найдете кого-то, кто поможет вам с дизайном.
  • Существуют другие сторонние плагины, которые содержат элементы и блоки дополнительных элементов контента.
  • Возможно, лучший бесплатный плагин на рынке.

Недостатки 👎

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

Особенности: ⭐⭐⭐⭐⭐ / 5
Удобство использования: ⭐⭐⭐⭐ / 5
Черновик: ⭐⭐⭐⭐⭐ / 5

Итог: ⭐⭐⭐⭐⭐ / 5

👉 Прочитайте наш тест Elementor

👉 Перейти к Elementor

Бобровый строитель

Построитель страниц плагинов WordPress # 2: Beaver Builder

Бесплатный план: профессиональный Профессиональный план от: $ 99 / официальный сайт

Beaver Builder – еще одно отличное решение для плагинов для разработчиков сайтов на WordPress. Это немного дороже, чем Elementor, если вы хотите использовать все это в одном месте, но это будет большой бизнес, если вам нужно управлять несколькими сайтами, что делает его одной из лучших возможностей для агентств и фрилансеров.

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

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

Любой существующий элемент также можно отредактировать, щелкнув по нему и настроив детали во всплывающем окне.

Вот пользовательский интерфейс Beaver Builder:

Beaver Builder UI

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

  • Более 50 предварительно обученных шаблонов страниц.
  • Полное редактирование: редактируйте то, что видите.
  • Полная поддержка и функции.
  • Мобильный оптимизированный и SEO оптимизированный выход.
  • Работает с любой темой.
  • Полные документы и видеоуроки.
  • Функция импорта / экспорта.
  • Поддерживает пользовательские сообщения, страницы и типы сообщений.
  • Более 30 тем контента, и вы также можете использовать стандартные виджеты WordPress.
  • Перевод сделан.
  • Он работает с WooCommerce и содержит элементы контента WooCommerce.
  • Beaver Themer: плагин, который позволяет создавать всю тему с помощью Beaver Builder.

льготы

  • Позволяет создавать несколько структур столбцов.
  • Простой интерфейс, с которым вы можете легко начать.
  • Хорошая альтернатива Elementor.
  • Привлекательные шаблоны страниц для запуска вашего проекта.
  • Отличный интерфейс для изменения ширины столбца и изменения размеров в целом: полная поддержка перетаскивания.
  • Шрифт по умолчанию выглядит хорошо, что полезно, если вы не хотите вводить его вручную.

недостатки

  • Это может быть ограничено областью вашей темы. Например, получить настоящий дизайн полной ширины может быть сложной задачей.
  • Не отменяйте в Ctrl + Z.
  • Элементы содержимого меньше, чем некоторые другие плагины для создания страниц в этом списке.
  • Невозможно добавить пользовательский CSS к элементам.

Особенности: ⭐⭐⭐⭐⭐ / 5
Удобство использования: ⭐⭐⭐⭐ / 5
Черновик: ⭐⭐⭐⭐ / 5

Итог: ⭐⭐⭐⭐ / 5

👉 Прочитайте наш тест Beaver Builder

👉 Перейти к Beaver Builder

Brizy

Brizy

Бесплатный план: профессиональный профессиональный план от: $ 49 / Официальный сайт

Brizy представляет новое поколение плагинов WordPress для создателя сайта и предлагает довольно уникальный пользовательский интерфейс.

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

Если вы заинтересованы в Brizy Pro, вы можете добавить макет на всю страницу здесь. Если нет, вы можете сначала добавить отдельные блоки. Здесь важно, чтобы & # 39; блок & # 39; Он относится не к отдельным элементам контента (таким как заголовок или изображение), но к предварительно сформированным разделам сайта (таким как заголовок + изображение + список функций или символы + список + изображение страницы). Это может быть трудно объяснить словами, но, поверьте мне, это очень полезно и легко понять, когда вы впервые это видите.

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

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

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

Вот пользовательский интерфейс:

UI brizy

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

  • Полная поддержка и функции.
  • Редактировать и просматривать в режиме реального времени.
  • Интернет-издание.
  • Поп-конструктор.
  • Роль менеджера.
  • 26 элементов контента в бесплатной версии и 12 других профессиональных элементов.
  • 150 предварительно обученных проектов в Pro.
  • Интеграция с другими плагинами и инструментами, такими как ACF, Pods, ConvertKit, Drip, Mailchimp, Zapier и другими.
  • Расширенная контактная форма в Pro.
  • Настройки White Label
  • Импортируйте динамический контент из WordPress.
  • Работает с любой темой.

льготы

  • Возможно, самый простой строитель, чтобы начать и получить хорошие результаты тоже.
  • Много маркетинговых интеграций с другими инструментами.
  • Сборные блоки действительно красивы.
  • Бесплатная версия достаточно функциональна для простых сайтов.
  • Очень доступная лицензия на три местоположения – стоит столько же, сколько лицензия на место для Elementor.

недостатки

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

Особенности: ⭐⭐⭐⭐ / 5
Удобство использования: ⭐⭐⭐⭐⭐ / 5
Черновик: ⭐⭐⭐⭐ / 5

Итог: ⭐⭐⭐⭐ / 5

👉 Перейти к Brizy

Divi Builder

Divi Builder

Бесплатный план: профессиональный профессиональный план от: 89 USD (доступ ко всем элегантным темам) / Официальный сайт

Divi Builder во многих отношениях очень похож на других строителей в этом списке, но есть несколько отличий.

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

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

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

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

Внешний вид интерфейса:

Divi UI

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

  • почти 1000 готовых дизайнов на выбор.
  • Полная поддержка и функции при редактировании контента.
  • Более 40 контентных модулей.
  • A / B Division Trials.
  • Привлекательные фотографические эффекты, которые позволяют изменять непрозрачность ваших изображений, регулировать яркость, насыщенность и многое другое.
  • Работает с постами и страницами.
  • Работает с любой темой.
  • Вы можете редактировать массивные элементы на странице.
  • Пользовательская поддержка CSS.
  • Онлайн редактирование текста.
  • Многоосевые преобразования элементов.
  • Вы можете сохранить и повторно использовать свои проекты.

льготы

  • Отдельные модули контента очень хорошо разработаны. Например, вам не нужно беспокоиться о том, что ваш тестовый блок не соответствует макету страницы.
  • Есть много предварительно обученных проектов.
  • Эти предварительно разработанные дизайны – это не просто односторонние проекты, а законченные пакеты сайтов. По сути, вы получаете несколько макетов страниц, которые соответствуют определенному эстетическому макету, и вы можете импортировать их все одновременно. Например, если вы работаете на информационной странице, вы можете импортировать соответствующую страницу блога, страницу контактов, портфолио и шаблон целевой страницы.
  • Позволяет проверить записи содержимого A / B.

недостатки

  • Пользовательский интерфейс может быть не готов, но вам может понадобиться привыкнуть к нему. Например, вы часто видите три отдельные кнопки «+» друг под другом. Когда вы нажимаете на каждый элемент, что-то еще делается, и не ясно, какой из них использовать.
  • Там нет бесплатной версии.
  • Это дорого, если вы просто хотите плагин генератора.

Особенности: ⭐⭐⭐⭐⭐ / 5
Удобство использования: ⭐⭐⭐ / 5
Черновик: ⭐⭐⭐⭐⭐ / 5

Итог: ⭐⭐⭐⭐ / 5

👉 Прочитайте наш тест Divi Builder

👉 Перейти к Divi Builder

Строитель

themifizieren

Бесплатный план: ✅ Профессиональный план от: $ 39 / Официальный сайт

Плагин Themify Builder является флагманским плагином для сотрудников Themify (среди прочих). Это многофункциональный инструмент, который позволяет вам выполнять свою работу как в бэкэнде, так и во внешнем интерфейсе.

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

Однако не все работает гладко. Я предполагаю, что этот плагин еще не полностью совместим с интерфейсом редактирования блоков WordPress. Даже если вы интегрируете пользовательский интерфейс Themify Builder непосредственно в интерфейс фонового редактирования, внесенные в него изменения могут не отображаться на последней странице. Чтобы Themify работал, лучше всего перейти на свою страницу в режиме предварительного просмотра и включить редактор оттуда.

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

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

Вот интерфейс:

Шесть лучших плагинов перетаскивания по сравнению с конструкторами страниц WordPress 1

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

  • Более 25 контентных модулей.
  • Более 40 готовых макетов.
  • Отредактируйте заднюю часть в каркасном виде или в виде спереди в режиме реального времени.
  • Полная поддержка перетаскивания (спереди и сзади).
  • Работает с любой темой.
  • Импортируйте и экспортируйте ваши проекты.
  • Вы можете сохранить готовые дизайны и элементы дизайна.
  • Роль редактора.
  • Пользовательская поддержка CSS.
  • Отменить обновление.
  • Более 60 анимационных эффектов.
  • полный дополнительный пакет Доступно за 39 долларов.

льготы

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

недостатки

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

Особенности: ⭐⭐⭐ / 5
Удобство использования: ⭐⭐⭐ / 5
Черновик: ⭐⭐⭐⭐⭐ / 5

Итог: ⭐⭐⭐ / 5

👉 Перейти к Themify Builder

Стандартный редактор блоков WordPress, также известный как Гутенберг

Гутенберг "class =" aligncenter size-full wp-image-30090 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/03/1584928880_283_Los-seis-mejores-complementos-de-arrastrar- and-drop-constructors-from.jpg 2000w, https://winningwp.com / wp-content / uploads / 2019/09 / Gutenberg-1-250x162.jpg 250w, https://winningwp.com/wp-content/ uploads / 2019/09 / Gutenberg-1-768x497.jpg 768w, https://winningwp.com/wp-content/uploads/2019/09/Gutenberg-1-700x453.jpg 700w, https://winningwp.com/ wp-content / uploads / 2019/09 / Gutenberg-1-120x78.jpg 120 Вт "tama =" "m ="

Бесплатный план: профессиональный профессиональный план ⛔

Вы этого не ожидали? Для тех из вас, кто не знает, Gutenberg был названием незавершенной работы в новом пользовательском интерфейсе редактирования контента WordPress.

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

У Гутенберга есть свои плюсы и минусы, и это не самый заметный инструмент в сообществе WordPress, но он может многое предложить.

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

Вот интерфейс:

Лучшие шесть плагинов перетаскивания по сравнению с WordPress 2

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

  • Более того 20 блоков основного контента.
  • Более 30 дополнительных ставок (для контента от Facebook, Twitter и так далее).
  • Работает с любой темой.
  • Работает со всеми стандартными виджетами WordPress.
  • Работает с постами и страницами.
  • Он может быть интегрирован во все авторитетные плагины WordPress.
  • Совместимые базовые столбцы.
  • Такие вещи, как многостолбцовый макет, доступны через сторонние плагины.

льготы

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

недостатки

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

Особенности: ⭐⭐ / 5
Удобство использования: ⭐⭐⭐⭐⭐ / 5
Черновик: ⭐⭐ / 5

Итог: ⭐⭐⭐ / 5

Последние мысли

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

Все еще не уверены, какой купить? Я советую следующее:

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

Если нет, перейдите в Elementor → Beaver Builder → Brizy → Divi Builder → Themify Builder.

Так что вы обязательно найдете своего идеального строителя.

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

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