К конструкторам сайтов на данный момент можно отнести такие площадки, как Wix или Tilda. При том, что они дают возможность быстро создавать сайты, но в итоге оказываются не слишком гибкими, если нужно сделать что-то, выходящее за пределы заявленного функционала. Да и по стоимости оказываются не такими уж дешевыми. WordPress в силу его бесплатного распространения, легкости в установке и настройке, а также возможности подобрать оптимальный для вас по стоимости хостинг, кажется очень привлекательным вариантом.
Что же заключается в термине "Конструкторы для WordPress"? Речь в этой статье пойдет о визуальных редакторах, или билдерах.
На данный момент WordPress предлагает возможность создавать статьи с помощью блочного редактора Гутенберг. Вы также можете вернуться к предыдущей версии редактора TinyMCE, установив плагин Classic Editor (рус., укр.). Однако не все дизайнерские задачи для веб-сайта можно решить с их помощью. Поэтому визуальные редакторы, которые позволяют добавлять секции, колонки и различные виджеты интуитивно понятным способом, до сих пор очень востребованы.
Именно их еще называют конструкторами сайтов, или билдерами. Они действительно упрощают создание и запуск вашего сайта. Кроме того, многим блоггерам и веб-дизайнерам нравится гибкость таких плагинов при создании страниц. Они не требует навыков в написании кода и позволяют сделать сайт за небольшое время путем перетаскивания и визуального редактирования блоков или виджетов.
Очень популярным таким конструктором является Elementor (рус., укр.) — это платформа для создания веб-сайтов WordPress и ведущий конструктор страниц для сайтов электронной коммерции и целевых страниц.. Он давно существует в виде бесплатного плагина в репозитории WordPress, а его создатели и поклонники сделали ряд видеоуроков, по которым вы можете понять, как пользоваться этим плагином.
Elementor имеет также платную версию, на которую вы можете перейти в любой момент.
Кстати, на платную версию бывают неплохие скидки в черную пятницу. Воспользуйтесь, если вам нужен этот плагин 🙂
Elementor включает 40+ бесплатных виджетов для создания красивых страниц:
- Заголовок - вы можете добавить привлекательные заголовки и настроить стили для них.
- Изображение - контролируйте размер, прозрачность и другие настройки изображений.
- Текстовый редактор - редактор WYSIWYG текстовый редактор, так же, как редактор WordPress.
- Видео - добавляйте YouTube, Vimeo или ваше собственное видео на страницы.
- Кнопка - управление всеми аспектами дизайна кнопки.
- Image Box - раздел, который включает в себя изображение, заголовок и текст.
- Отзывы - отзывы клиентов, которые показывают социальное доказательство.
- Иконка - поместите одну или более из 600 доступных иконок.
- Блок иконок - включите иконку, заголовок и текст в один виджет.
- Социальные иконки - ссылайтесь на свои социальные страницы с помощью соответствующего значка, например, Facebook/Twitter.
- Галерея изображений - отображает изображения в совмещенной сетке.
- Карусель изображений - создайте вращающуюся карусель или слайдер для выбранных изображений.
- Список иконок - используйте любой значок для создания маркированного списка.
- Счетчик - показывать статистику и цифры в возрастающей степени.
- Шкала прогресса - установите шкалу прогресса на страницу.
- Вкладки - отображайте контент в вертикальных или горизонтальных вкладках.
- Аккордион - создавайте аккордионы с раскрывающимися блоками.
- Переключатель - используйте переключатель для скрытия или отображения контента, например ЧАВО (FAQ).
- Звездный рейтинг - позволяет вашим посетителям добавлять рейтинг на ваш сайт.
- Alert - включите цветное окно оповещения, чтобы привлечь внимание посетителей.
- HTML - вставьте код на страницу.
- Шорткод - легко вставить шорткоды из любого плагина на страницу.
- Меню «Якорь» - свяжите любое меню с этим якорем.
- Читать далее - установить отрывок для выдержки на страницах архива.
- Боковая панель - добавьте боковую панель на страницу.
- Карты Google - встраивайте карты в страницу.
- и другие...
Для Elementor есть несколько дополнительных плагинов, которые позволяют добавить виджеты в бесплатный набор. Плюс в нем реализован набор шаблонов, которые вы загружаете и переделываете в соответствии со своими потребностями. Таких шаблонов немного в бесплатной версии, но и они могут вам помочь.
Альтернативы Elementor
Конечно, конструктор страниц Elementor — отличный инструмент, но это не значит, что он единственный. Есть несколько альтернатив Elementor, которые мы здесь рассмотрим. Вы можете использовать их для создания отдельных частей контента или дизайна всего веб-сайта. Однако помните о том, что любые конструкторы добавляют на ваш сайт css и js-код, поэтому проверьте скорость загрузки страниц в сервисе Google PageSpeed Insights и проведите мероприятия по оптимизации сайта.
При щелчке на фотографию с видом конструктора вы можете посмотреть видео о нем с официального сайта.
BeBuilder
BeTheme — универсальная тема WordPress. На самом деле это крупнейшая в мире тема WordPress и WooCommerce, предлагающая сотни многоцелевых сайтов. Хорошая часть заключается в том, что BeBuilder является неотъемлемой частью инструментария BeTheme. Не самая хорошая - в том, что тема платная.
BeBuilder предоставляет дизайнерам веб-сайтов возможность работать эффективно и результативно, а именно:
- организованная панель инструментов;
- редактор страниц с перетаскиванием;
- настройка в реальном времени;
- инструменты автосохранения и резервного копирования для контроля версий;
- готовые разделы для любого сайта;
- быстрое время выполнения;
- обширная библиотека готовых веб-сайтов.
Divi
Divi — серьезный конкурент Elementor. Конструктор Divi — это превосходный визуальный редактор с акцентом на уникальный дизайн, эффекты и анимацию.
Этот плагин-конструктор конкурирует с Elementor с точки зрения гибкости, поскольку предлагает много различных инструментов для создания сайта.
У вас есть доступ к более чем 40 модулям, и вы можете получить еще больше на сторонней торговой площадке. Divi также предоставляет более 100 полных пакетов шаблонов веб-сайтов с фотографиями, значками и иллюстрациями.
Особенности Divi:
- как тема, так и вариант плагина
- адаптивный дизайн с эффектами и анимацией
- 40 модулей контента
- более 800 индивидуальных шаблонов
- встроенное редактирование текста
- инструмент редактирования внешнего интерфейса с перетаскиванием
Цены на Divi вы найдете на официальном сайте. К билдеру также разработана специальная тема, которая также называется Divi.
Oxygen Builder
Oxygen Builder позволяет:
- выполнять редактирование с помощью перетаскивания;
- редактировать страницы магазина WooCommerce;
- создавать собственные заголовки, в том числе липкие и накладываемые заголовки;
- задавать глобальные цвета и использовать их;
- пишить PHP, CSS и JS вживую;
- обеспечивает хорошую скорость загрузки страниц сайта.
Цены на Oxygen Builder вы найдете на оффсайте.
Visual Composer
Visual Composer — еще один плагин, который имеет бесплатную и платную версии, который позволяет пользователям создавать профессиональные веб-сайты за считанные минуты без программирования. Этот универсальный плагин для создания страниц без проблем работает с любой темой WordPress. Visual Composer в Pro-версии позволяет создавать собственные заголовки, нижние колонтитулы, отдельные сообщения и т. д.
Этот инструмент предлагает идеальные решения для владельцев малого бизнеса, дизайнеров, маркетологов и агентств. Новичкам нравится визуальный редактор и конструктор с перетаскиванием, а разработчики любят эту платформу, потому что она улучшает их рабочий процесс и персонализирует контент.
Какие функции вы получаете:
- совместим с любой темой WordPresvs
- удобство визуального редактора с перетаскиванием на основе React.;
- горячие клавиши;
- адаптивные шрифты;
- мастер пустых страниц;
- облачный рынок - более 500 шаблонов, элементов, дополнений и блоков;
- cтоковые изображения c Unsplash;
- конструктор всплывающих окон
- редактор боковой панели
- редактор шапки и футера
- глобальный верхний и нижний колонтитулы.
Проверяйте скорость загрузки сайта, т.к. перенасыщенность интерактивными элементами может привести к невысоким показателям. Если же вы не слишком ими увлеклись, то все будет в порядке.
SeedProd
SeedProd — это эффективный конструктор целевых страниц, который дает вам инструменты, чтобы посеять семена желания в сердцах ваших зрителей и побудить их к действию. Создавайте домашние страницы, страницы продаж, страницы подписки на новостную рассылку, страницы благодарности и многое другое, скачав бесплатную версию с репозитория WordPress.
Это конструктор, который лучше всего подходит для целевых страниц (Landing Page). Они выглядят потрясающе с самого начала. С помощью нескольких настроек вы можете адаптировать его к своему бренду. Умная система проектирования позволяет дизайнерам экономить время и избегать повторяющейся работы. Например, пользователи могут повторно использовать элементы, определять цветовые схемы и сохранять комбинации шрифтов. Пользователи также могут сохранять шаблоны страниц, настраиваемые блоки и настраиваемые разделы.
Ключевая особенность:
- интуитивно понятный пользовательский интерфейс;
- контроль доступа без навыков программирования;
- мощный конструктор с перетаскиваемыми блоками;
- готовые шаблоны для часто задаваемых вопросов, заголовков и призывов к действию;
- шаблоны страниц «Скоро», «Техническое обслуживание» и «Страницы 404»,
- индивидуальные комбинации цветов и шрифтов;
- интеграция с почтовым маркетингом;
- сопоставление пользовательского домена для использования целевых страниц с одного сайта на разных доменах.
Однако за все хорошее нужно платить, поэтому стоит ознакомиться с ценами на конструктор на оффсайте.
Zion Builder
Zion Builder был выпущен в мае 2020 года как универсальный плагин для создания страниц. С тех пор команда разработчиков улучшает его, что делает его интересной альтернативой Elementor, тем более, что он заточен под быструю загрузку страниц.
Бесплатную версию Zion Builder вы можете скачать на официальном сайте WordPress. Плагин также можно использовать бесплатно, создав аккаунт на его оффсайте, или перейти на Pro-версию.
Самой впечатляющей характеристикой Zion Builder является его скорость. Он может похвастаться тем, что является одним из самых быстрых и легких конструкторов страниц WordPress. Он загружает только необходимые ресурсы, чтобы предоставить пользователям нужное количество инструментов. А возможность редактирования в реальном времени позволяет пользователям редактировать контент напрямую. Гибкий и простой интерфейс делает элементы доступными для всех.
Основные характеристики:
- обширная библиотека шаблонов и элементов;
- Пользовательские CSS;
- пользовательские шрифты;
- пользовательские значки;
- динамический контент.
SiteOrigin
SiteOrigin — это бесплатная альтернатива Elementor, созданная в 2011 году. Этот плагин можно скачать с репозитория WordPress, Он расширяет возможности дизайна для тем WordPress, которые специально оптимизированы под этот конструктор. Есть и платная версия.
Помимо конструктора страниц, SiteOrigin предлагает набор виджетов и элементов CSS. Эта коллекция позволяет пользователям создавать уникальный пользовательский интерфейс, а SiteOrigin генерирует коды, пока пользователь просто перемещает элементы с помощью мыши.
Живой редактор позволяет просматривать содержимое в режиме реального времени. Изменяйте размер столбцов, настраивайте виджеты, меняйте порядок строк и т. д. для создания собственного дизайна и оптимизированного для SEO контента. Есть отдельный плагин для добавления виджетов.
Особенности конструктора:
- простой интерфейс подходит для новичков;
- готовые шаблоны;
- редактор CSS для настройки сайта;
- режим просмотра в реальном времени;
- интеграция с редактором блоков;
- 26 модулей контента;
- бесплатные обновления;
- поддержка создания контента для мобильных телефонов;
- бесплатная поддержка.
WP Page Builder
WP Page Builder - это визуальный конструктор с перетаскиванием, который предлагает быстро и эффективно опыт проектирования.
Этот конструктор содержит более 60 элементов и 27 шаблонов макетов для создания адаптивных и гибких макетов страниц. Он также включает макеты блоков, которые вы можете импортировать одним щелчком мыши.
Богатые возможности настройки позволяют настраивать элементы и блоки так, как вы хотите. Кроме того, система позволяет сохранять макеты в библиотеке шаблонов и повторно использовать их на других страницах.
Важные аспекты:
- готовые блоки
- встроенные макеты
- более 60 элементов
- библиотечная система
- расширенная настройка
- полностью отзывчивый
- конструктор страниц с перетаскиванием
Genesis Pro
Genesis Pro — это автономный конструктор страниц WordPress. Вам не нужна Genesis Framework для использования Genesis Pro, но вы можете получить доступ к удобным инструментам, если вы ее установите.
Этот конструктор страниц основан на блочном редакторе WordPress и совершенствует его, предоставляя пользователям больше возможностей. Он помогает создать любой вид страницы, а также имеет возможности для настройки шаблонов и разделов. Однако вам нужно проверить, насколько быстро загружаются ваши страницы, т.к. в этом плане плагин не так оптимизирован, как Zion Builder.
Особенности конструктора:
- десятки макетов сайтов;
- дополнительные разделы;
- все темы StudioPress;
- дополнительные блоки;
- импорт и экспорт блоков;
- расширенные поля блока;
- тонко настроенный контроль разрешений на блокировку;
- встроенный SEO-функционал;
- множество бесплатных и премиальных дополнений;
- AMP-оптимизация;
- неограниченное количество сайтов;
- один год хостинга WordPress под управлением WP Engine (вам не нужен хостинг WP Engine для использования Genesis Pro).
Цены вы найдете на официальном сайте. Если вы покупаете хостинг, то плагин получаете бесплатно. Но сам хостинг стоит достаточно дорого.
На основе статьи The Best Elementor Alternatives You Should Try
