Благодаря бесстрашным разработчикам WordPress, создание сайтов прошло долгий путь и теперь можно полностью использовать визуальный интерфейс с перетаскиванием для создания дизайна веб-сайта, что практически полностью заменяет необходимость долго выбирать и использовать тему WordPress.
Но разработка всего сайта WordPress с нуля – это большая работа. Убедитесь, что у вас есть подходящий инструмент для работы.
Обратите внимание, что в этом посте используются термины «конструктор сайтов WordPress» (Theme Builder) и «конструктор тем WordPress» (Website Builder).
Конструктор сайтов и Конструктор страниц WordPress
Для начала давайте поговорим о разнице между конструктором сайтов WordPress и конструктором страниц WordPress.
Конструктор страниц WordPress позволяет вам создавать контент, который находится внутри редактора WordPress. Например, можно оформить текст поста в блоге или текст страницы.
Некоторые конструкторы страниц также поставляются с шаблонами, которые позволяют отключать части вашей темы WordPress, например заголовок (или вы можете использовать тему, удобную для построения страниц). С такими функциями вы можете использовать конструкторы страниц для создания целевых страниц.
Тем не менее, вы должны разрабатывать все по частям. То есть создаете одну страницу, затем создаете другую, и так далее. Вы не можете разработать шаблон, который применяется ко всем вашим постам в блоге.
Конструктор сайтов WordPress, также известный как конструктор тем WordPress, меняет это.
С помощью плагина WordPress для создания веб-сайтов вы можете создать весь свой веб-сайт. Таким образом устраняется необходимость в теме. То есть вы сможете создавать шаблоны для вашего сайта WordPress:
- заголовок,
- нижний колонтитул,
- архивные страницы (например, список ваших постов в блоге),
- отдельные страницы (например, дизайн одного сообщения в блоге),
- WooCommerce магазин.
Вы можете создать один шаблон для своих постов в блоге, используя конструктор сайтов, и тогда каждый отдельный блог будет автоматически следовать этому шаблону. Или вы можете создать заголовок для своего веб-сайта и применить его к каждой странице (или условно применить его к отдельным страницам).
Кроме того, хороший конструктор тем WordPress поможет включить динамический контент из настраиваемых полей – функция, которую предлагают все плагины в этом списке.
Большинство из этих плагинов являются как конструкторами страниц, так и конструкторами тем, что дает вам больше возможностей.
1. Elementor Pro
Бесплатная версия Elementor – популярнейший плагин WordPress для создания страниц на WordPress.org. Но с Elementor Pro, надстройкой премиум-класса, вы можете превратить Elementor в полноценный конструктор сайтов WordPress и создать все части вашей темы.
Базовый интерфейс Elementor – это визуальный конструктор с перетаскиванием, включающий виджеты и опции стиля, которые помогут создать действительно красивые и уникальные дизайны. Например, помимо множества базовых стилей, вы получаете настраиваемое позиционирование и эффекты движения.
С Elementor Pro вы сможете этот интерфейс применить к частям шаблона вашей темы:
- заголовку,
- нижнему колонтитулу,
- архиву записей,
- отдельным постам.
Он включает в себя специальную интеграцию WooCommerce. Если вы управляете магазином электронной коммерции, плагин позволяет вам создавать страницы как для вашего магазина, так и для отдельных продуктов.
Еще одна мощная функция – это динамический инструмент Elementor Pro. С помощью этой функции можно динамически вставлять информацию из настраиваемых полей, добавленных с помощью набора инструментов, расширенных настраиваемых полей или модулей.
Например, если вы создаете веб-сайт по недвижимости, можете создать шаблон для списков домов и динамически заполнять детали каждого дома информацией из пользовательских полей.
Помимо шаблонов тем, Elementor Pro подойдет для создания всплывающих окон, которые могут появляться в любом месте на вашем сайте.
Наконец, если вы не хотите разрабатывать весь свой веб-сайт с нуля, Elementor Pro включает в себя импортируемые шаблоны набора сайтов. Вы сможете быстро импортировать шаблоны для всех наиболее важных страниц вашего сайта и настроить под ваш бренд.
Elementor Pro является отличным вариантом для обычных пользователей и дизайнеров, которым нужен доступ ко многим параметрам дизайна в одном удобном пакете. Для обычного пользователя WordPress Elementor Pro станет лучшим конструктором тем WordPress.
Цена: Elementor Pro стоит от 49 долларов за использование на одном сайте.
2. Oxygen
Oxygen – лучший конструктор сайтов WordPress для разработчиков и других технических пользователей. В нем больше внимания уделяется чистому и легкому коду, чем другим инструментам.
Для достижения цели он не так удобен для новичков, как Elementor Pro, особенно когда речь идет о вариантах дизайна. Например, Oxygen по-прежнему использует в интерфейсе <div>, от которого многие другие разработчики интерфейсов отказались.
В целом, Oxygen популярен среди фрилансеров и агентств, которые знают, как использовать собственный код для достижения своих целей, но просто ищут инструмент, который поможет им ускорить свои рабочие процессы и упростить создание пользовательских веб-сайтов с помощью WordPress.
Для разработки ваших шаблонов Oxygen предоставляет визуальный интерфейс с перетаскиванием. У вас будет полный доступ к базовому коду, что делает Oxygen популярным среди разработчиков.
Oxygen добавляет некоторые дополнительные функции в интерфейс. Например, вы можете вставить динамический контент практически в любой элемент (например, в настраиваемые поля или обычный контент WordPress). Вы можете создавать свои собственные циклы повторений, что удобно для отображения списков постов или пользовательских типов записей.
Еще одна мощная функция – интеграция блоков Гутенберга в Oxygen. С помощью этого инструмента можно создавать собственные многократно используемые блоки, используя визуальный интерфейс Oxygen, перетаскивая его мышью. Вы (или ваши клиенты) сможете использовать эти блоки в обычном редакторе блоков, который дает вам больше возможностей для настройки, не заставляя вас всегда использовать интерфейс Oxygen.
Если вы создаете клиентские сайты, это поможет вам усложнить случайный взлом своих сайтов.
В целом, Oxygen – отличный конструктор веб-сайтов на WordPress, если вы разработчик или агентство, которому нужен инструмент для ускорения рабочих процессов, с чистым кодом и предоставляющее вам доступ к базовому коду. Однако, если вы обычный пользователь, вам нужно будет приложить очень много усилий, чтобы использовать его по полной.
Цена: от 99 долларов США для использования на неограниченных сайтах и обновлениях на всю жизнь.Для поддержки WooCommerce и функции блокировки Гутенберга вам необходимо перейти на более высокий тарифный уровень.
3. Divi
Divi – еще один популярный плагин для WordPress-конструктора страниц. Он, как и Elementor, предоставляет массу вариантов дизайна, что делает его особенно популярным среди дизайнеров.
Вы получаете визуальный интерфейс перетаскивания, который дает вам полный контроль над вашими проектами.
В последней версии Divi 4.0 включает новую функцию создания тем.
С Divi Theme Builder вы получаете доступ к полным вариантам шаблонов тем на основе Divi. Вы сможете создавать заголовки, колонтитулы, архивы и отдельные записи.
При публикации часть шаблона, вы сможете использовать условные правила, чтобы точно указать, где отображать этот шаблон.
Как и в других инструментах, здесь вы получаете функцию динамического контента, которая позволяет включать динамический контент с вашего сайта WordPress или настраиваемых полей. И если вы используете Divi для разработки магазина электронной коммерции, он включает полную интеграцию с WooCommerce, что позволяет создавать все страницы вашего магазина.
Наконец, Divi включает в себя несколько готовых пакетов шаблонов веб-сайтов, которые можно импортировать. Так вы сможете быстро приступить к работе над сайтом.
В целом, Divi – это своего рода альтернатива Elementor Pro, поскольку у него много таких же сильных сторон. Выбор за вами.
Цена: Divi доступна как часть членства тем Elegant за 89 $. Эта цена дает вам возможность использовать неограниченное количество веб-сайтов и доступ ко всем плагинам и темам Elegant Themes.
Смотрите также:
4. Beaver Builder + Beaver Themer
Beaver Builder – это популярный конструктор страниц WordPress, имеющий хорошую репутацию благодаря чистому коду и стабильности. Как и другие, он предоставляет простой в использовании визуальный интерфейс перетаскивания.
С официальным расширением Beaver Themer вы можете добавить полную поддержку построения тем в основной плагин Beaver Builder.
Beaver Themer позволяет создавать все части темы WordPress, включая верхние и нижние колонтитулы, архивы и одиночные записи.
Чтобы получить данные с вашего сайта WordPress или из пользовательских полей, вы можете использовать функцию полевых подключений Beaver Themer для динамической вставки информации.
Вы получаете правила условного отображения для контроля, где и когда должен использоваться каждый шаблон.
Если у вас есть магазин WooCommerce, Beaver Themer включает в себя собственный набор модулей WooCommerce, которые помогут вам настроить свой магазин и отдельные страницы товара.
Для еще большей гибкости вы можете обратиться к сторонним расширениям Beaver Builder.
В целом, Beaver Builder и Beaver Themer – некий компромисс между Elementor и Oxygen. Beaver Builder сохраняет большую часть простоты использования как у Elementor, а также выводит довольно чистый код.
Примечание. Для использования Beaver Themer вам понадобится Pro версия Beaver Builder. Beaver Builder включает в себя ограниченную бесплатную версию на WordPress.org, но эта бесплатная версия не работает с Beaver Themer.
Цена: Beaver Builder начинается с 99 долларов. Beaver Themer стоит $ 149. Оба можно использовать на неограниченном количестве веб-сайтов.
5. Brizy Pro
Brizy – новаторский конструктор страниц WordPress, популярность которого стремительно растет благодаря быстрому интерфейсу.
Как и другие инструменты, Brizy предлагает визуальный интерфейс перетаскивания. Но причина, по которой говорят, что это «быстро», заключается в том, что Brizy попытался установить как можно больше настроек. Например, вместо использования боковой панели для настройки кнопки, вы можете получить доступ к большинству параметров настройки кнопки из своего дизайна.
Хотя это кажется мелочью, но это немного ускоряет процесс редактирования, особенно при создании большого количества сайтов.
В то время как бесплатная версия действует только как конструктор страниц, Brizy Pro расширяет ее до полного построения тем WordPress.
Вы сможете использовать интерфейс перетаскивания Brizy для разработки своих верхних и нижних колонтитулов, архивов и отдельных шаблонов.
Как и другие плагины из списка, он позволяет вставить динамический контент с интеграциями для плагинов пользовательских полей, таких как Toolset, Advanced Custom Fields, Pods и Meta Box.
Как и Elementor Pro, Brizy Pro включает функцию создания всплывающих окон и отображать их в любом месте на вашем сайте.
Наконец, Brizy Pro включает собственную функцию Brizy Cloud, которая позволяет создавать веб-сайты и целевые страницы, размещенные в облаке (вместо использования плагина WordPress). Т.е. вы можете использовать его как инструментарий вне вашего сайта WordPress. Это довольно уникальная особенность, которую другие конструкторы тем WordPress пока не предлагают.
В целом, Brizy Pro – еще один хороший вариант для дизайнеров. Его интерфейс довольно уникален по сравнению с другими конструкторами тем в этом списке. Рекомендуем вам поиграть с бесплатной версией на WordPress.org, чтобы посмотреть, нравится ли вам подход Brizy. Однако бесплатная версия не включает создание тем.
Цена: Brizy Pro начинается с $ 49 для использования на трех сайтах.
6. Thrive Theme Builder
Thrive Theme Builder – это новый конструктор тем WordPress от Thrive Themes, создателя популярного компоновщика страниц Thrive Architect и инструмента электронной почты Thrive Leads.
Он поставляется в комплекте с облегченной версией Thrive Architect, поэтому, если вы знакомы с Thrive Architect, будете чувствовать себя как дома.
Вы можете создавать шаблоны заголовков, нижних колонтитулов, отдельных файлов и архивов с помощью быстрого редактора с перетаскиванием и встроенным редактированием.
Как и другие конструкторы тем WordPress в этом списке, Thrive Theme Builder включает в себя динамический инструмент, помогающий отображать содержимое из пользовательских полей в ваших проектах.
Уникальная особенность Thrive Theme Builder в том, что он поставляется в комплекте с начальной темой Shapeshift, а это означает, что вам не обязательно создавать каждый элемент вашего сайта с нуля.
Он поставляется в комплекте с блочными шаблонами, которые помогут быстро настроить важные части вашего дизайна, такие как блок записей с одним автором.
В то время, когда пишется этот пост, Thrive Theme Builder не совместим с WooCommerce. Тем не менее, разработчик планирует добавить поддержку WooCommerce, так что эта функция может появиться в ближайшее время.
В целом, все продукты Thrive Themes больше ориентированы на цифровых маркетологов и партнеров. Если это соответствует вашим потребностям, вам понравятся встроенные функции. Например, удобство подписки по электронной почте и дизайн шаблона, ориентированный на конверсию.
Цена: Thrive Theme Builder начинается с $ 97 за использование на одном сайте. Или вы можете получить его в рамках членства в Thrive Themes, которое стоит 19 долларов в месяц (оплачивается ежегодно) за доступ ко всем плагинам и темам.
7. Visual Composer
Visual Composer – это полный перезапуск этого популярного плагина, который уходит корнями в эру первых компоновщиков страниц. Разработчик переименовал исходную версию, предназначенную только для компоновщика страниц, в WPBakery Page Builder.
В то время как WPBakery Page Builder по-прежнему сосредоточен на создании страниц, имя Visual Composer теперь используется для полного конструктора сайтов WordPress.
Вы увидите много сходства со старым интерфейсом с точки зрения базового дизайна, но Visual Composer теперь позволяет создавать все части вашей темы, включая:
- Динамический контент для извлечения из пользовательских полей.
- Блокировать шаблоны.
- Тонны элементов дизайна.
- Условные настройки для контроля, где отображать части шаблона.
В целом, если вы являетесь поклонником интерфейса Visual Composer (WPBakery Page Builder) и всегда хотели использовать его для полного построения тем WordPress, новый Visual Composer то, что вам нужно.
Цена : Visual Composer стоит от 59 долларов за использование на одном сайте.
Какой самый лучший плагин конструктора сайта / страниц?
Несмотря на то, что все эти плагины WordPress позволяют проектировать весь веб-сайт с использованием визуальных интерфейсов перетаскивания, все они по-разному подходят к задаче.
По этой причине трудно порекомендовать один плагин, потому что у них есть свои сильные и слабые стороны, и они привлекают разные аудитории.
ТОП-3:
- Elementor Pro – используйте, если любите гибкость дизайна и хотите легко создавать красивые сайты. Если вы обычный пользователь или дизайнер, он станет любимым конструктором тем WordPress.
- Oxygen – используйте, если вы больше заинтересованы в чистом, легком выводе кода и готовы пожертвовать некоторой гибкостью дизайна, которую предлагает Elementor Pro. Если вы разработчик, плагин для вас.
- Beaver Builder + Themer – используйте его как нечто среднее между Elementor Pro и Oxygen. Он немного больше ориентирован на нетехнических пользователей, чем Oxygen, но все же выдает более чистый и легкий код по сравнению с Elementor Pro.
Остальные плагины из списка хорошо справляются со своими задачами, каждый на своем уровне.
Источник: wplift.com