Visual Composer — лучший визуальный конструктор страниц для Вордпресс

Опубликовано 9 лет назад

С недавних пор практически все популярные премиум-шаблоны на ThemeForest комплектуются плагином Visual Composer (WPBakery Page Builder for WordPress). Рассказываю, что это такое и для чего нужно.

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

Не стоит расстраиваться если в ваш шаблон Visual Composer не встроен. Его можно приобрести отдельно и установить на любой WordPress-сайт. Проблем с совместимостью не обнаружено.

Скачать Демо

Что такое Visual Composer

Visual Composer — это визуальный конструктор страниц для WordPress. С его помощью вы можете создавать яркие, динамичные и эффектные страницы банальным перетаскиванием объектов. Причем делать это можно как внутри (в админке), так и снаружи. То есть прямо на страницах вашего сайта. Наблюдая за изменениями в реальном времени.

На самом деле это очень удобно и экономит уйму времени. Особенно, людям не владеющими основами HTML-верстки. Visual Composer все сделает за вас. Совсем недавно казалось, что может быть проще шорткодов WordPress? Оказалось может! С Visual Composer они вам  больше не понадобятся.

Что с респонсивом

Без проблем! Visual Composer готов к работе как на сайтах с адаптивной версткой, так и на сайтах с фиксированными размерами. Более того, вы можете полностью контролировать отображение тех или иных элементов на разных разрешениях. Например, вы в один клик можете посмотреть как будет выглядеть контент на мобильном устройстве. Причем, даже не имея этого устройства. Что очень удобно, на мой взгляд. Все же, контент-менеджер в отличие от веб-разработчика не обязан иметь для тестирования все виды популярных устройств.

Так выглядит фронтенд с активной панелью элементов Visual Composer.

А так выглядит админка.

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

Сейчас в Visual Composer доступно более сорока предустановленных элементов. Такие как: колонки, кнопки, строки, разделители, табы, аккордеоны, слайдеры, плееры, сетки, заголовки и многое-многое другое. Все элементы сгруппированы в логические группы и доступны для использования буквально в один-два клика. Вкупе с интуитивно-понятным и предсказуемым интерфейсом, создание страниц с Visual Composer превращается из рутины в удовольствие. Кроме всего прочего, используя API конструктора, можно создавать собственные элементы или устанавливать дополнительные.

Например:

Основные преимущества Visual Composer

  1. Простой интуитивно-понятный интерфейс с т.н. драг-энд-дроп управлением освоит даже самый отсталый пользователь с полным отсутствием знаний в области верстки и программирования.
  2. Открытость плагина позволяет сторонним разработчикам разрабатывать под него новые модули и элементы для решения более узких задач.
  3. Знаменитый фронтенд редактор страниц с известным принципом WYSIWYG (что видишь, то и получишь).
  4. Консерваторам по-прежнему доступен нативный редактор со всей присущей ему мощью.
  5. В Visual Composer используются лучшие паттерны объектно-ориентированного программирования (ООП) со всеми положительными последствиями для вашего сайта.
  6. Плагин переведен на все популярные языки, а так же поддерживает традиционные способы локализации с помощью файлов .po и .mo.
  7. В Visual Composer можно создавать шаблоны и в дальнейшем их использовать, экономя тем самым массу времени.
  8. Полная поддержка респонсива и, самое главное, контроль отображения в реальном времени.
  9. Администраторы могут управлять доступностью тех или иных элементов конструктора для каждой из групп пользователей.
  10. Visual Composer прекрасно работает с любыми типами данных (Post Types) WordPress.
  11. Плагин хоть и недоступен в официальном репозитории WordPress, тем не менее имеет функцию автоматического обновления.
  12. Всем пользователям гарантирована бесплатная квалифицированная поддержка.
  13. Отсутствие необходимости копировать и вставлять шорткоды. Вы можете добавить и использовать в меню любые часто используемые шорткоды.
  14. Все элементы в Visual Composer имеют расширенные настройки отображения. Например: внешние, внутренние отступы, бордюры, фоны, цвета и многое другое.
  15. Visual Composer готов к работе на мультиязычных сайтах. Имеется встроенная поддержка популярных плагинов: qTranslate, mqTranslate и WPML.
  16. Имеется полная совместимость с самым популярным SEO-плагином от Yoast.
  17. Visual Composer совместим с интернет-магазинами на плагине WooCommerce.
  18. Поддержка нестандартных сеток и возможность размещения в них необходимых вам элементов.
  19. Можно создавать эффектные страницы на всю ширину экрана с растягивающимся фоном.
  20. Можно вставлять на страницы яркие и современные блоки с параллакс-эффектами.

В заключение

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

Иван Данилин
Автор Иван Данилин

Фулстек веб‑разработчик, специализируюсь на платформе WordPress

Подробнее
Комментарии
  1. Самый дебильный плагин, меня уже достали с просьбами переверстать сайты созданные с помощью этого говна
  2. Visual Composer перевернул с ног на голову все мои взгляды на WordPress. Это правда очень удобно, ни разу не пожалел.
  3. Добрый день уважаемый автор. Полезная статья, спасибо за материал. Интересует вопрос, можно ли отключить плагин после создания всех страниц, чтобы не перегружать работу сайта? Заранее благодарен за ответ.
    • К сожалению, это невозможно. После отключения плагина перестанут работать его шорткоды. Проблема с нагрузками решается с помощью плагинов кеширования. Например, WP Super Cache.
Добавить комментарий