Главная страница » Лучший бесплатный конструктор

Лучший бесплатный конструктор

О конструкторах

Для WordPress на сегодняшний день существует больше десятка популярных конструкторов (SiteOrigin, Beaver Builder, Visual Composer, Elementor, Live Composer, Fusion builder, MotoPress и прочие-прочие).

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

Видел я замечательную статью о сравнении плагинов-конструкторов на сайте pippinsplugins.com. Статья на английском языке, но весьма демонстрационная, поэтому я вдумчиво перечитал её от начала до конца. Рекомендую.

В общем, оттуда я узнал о плагине Tailor Page Builder для WordPress и решил обязательно его попробовать в деле.

к содержанию ↑

Плагин конструктор Tailor Page Builder

Плагин бесплатный, с открытым исходным кодом: https://github.com/Enclavely/tailor

Уже один этот факт ставит жирный плюс в пользу его.

После установки мы видим простую одноименную страницу в разделе настройки WordPress.

Кнопка редактирования находится рядом с записью (Tailor this page).

‹ Tailor this page — WordPress

Всё аккуратно, в стиле WordPress. За это действительно легко можно влюбиться в плагин.

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

к содержанию ↑

Tailoring — Редактирование страницы

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

Элемент Box

Вот такой блок с плавающей панелью настроек. Не перестаю удивляться насколько всё продумано.
Можно выбрать иконку или изображение.

Tailoring Элемент Box

Элемент Card

Напоминает элемент Box, с немного измененным дизайном. Приятный и востребованный элемент.

Tailoring Элемент Card

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

Tailoring Элемент Carousel

Есть 4 типа галерей: Список, Сетка, Карусель, Слайдшоу (на скрине).
С определенным набором настроек для каждого типа.

Tailoring Элемент Gallery

Элемент Grid

Сетка. От 2 до 6 элементов на строку. Можно задавать настройки максимальной высоты и прятать в зависимости от экрана.

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

Tailoring Элемент Grid

Элемент Content

Позволяет вызвать знакомый визуальный редактор WordPress во фронтенде.

Tailoring Элемент Content

Элемент List

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

Tailoring Элемент List

Элемент Posts

Позволяет вывести записи в виде списка, сетки или слайдшоу.
В настройках можно задать: количество записей, пагинация, вывод мета информации (дата, автор, миниатюра), задать параметры query-запроса (термины таксономии, порядок и сортировка).

Tailoring Элемент Posts

Элемент Tabs

Вкладки, которые можно расположить сверху, слева или справа.

Tailoring Элемент Tabs

Элемент Toggle

Скрываемый/раскрываемый блок. Подойдет, например, для часто задаваемых вопросов.

Tailoring Элемент Toggle

Элемент Widgets

Можно вывести на страницу любую область с виджетами.

Tailoring Элемент Widgets

Элементы Button, Hero, Map, User box

Такие же простые элементы, которые легко можно исследовать и добавить на страницу при необходимости.

Шаблоны (Templates)

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

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

Настройки (Settings)

Здесь можно добавить пользовательский код CSS (действует в реальном времени) и JS (действует после перезагрузки страницы).

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

История (History)

Эту красоту невозможно не заскринить! Любое добавление/удаление элементов можно легко откатить или восстановить.

Tailoring История изменений

Настройки Tailor Page Builder

Глобальные настройки плагина.

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

Можно отобразить описание в списке элементов и установить текст-шаблон по умолчанию для контента.

Можно отобразить элементы для неактивных плагинов (Contact Form 7, Jetpack). Tailor позволяет легко включать на страницу модули плагина Jetpack Portfolio и Testimonials, если последний активен и подключен. Круто.

Tailor ‹ Settings Page — WordPress

Ряд других настроек и возможностей:

  • включить виджеты WordPress в элементы редактирования и перетаскивания;
  • включить REST API;
  • спрятать поля добавления пользовательского кода CSS и JS;
  • загружать скрипты и стили плагина на страницах неиспользующих Tailor; (не знаю зачем это нужно)
  • API ключ для Google карты;
  • спрятать вкладку атрибуты при редактировании элементов;
  • и добавление набора иконок.

Tailor ‹ Settings Features — WordPress

к содержанию ↑

Результаты обзора

Плагин не подвел. Первое впечатление очень положительное.

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

Вместе со стартовой темой (например, _s (underscores)) можно собрать очень круто выглядящий и весьма производительный сайт с приятным минималистичным дизайном.