Wordpress: как упростить разработку c Visual Composer

Привет, друзья. Когда занимаешься версткой более года, то многое уже начинает приедаться и хочется как-то ускорить свою работу. А когда занимаешься вебом несколько лет - то все начинает (кроме нового) надоедать.

Wordpress очень интересная платформа для создания сайта и блоггинга, она позволяет закрыть половину “болей” программистов и вебмастеров различными плагинами. А половина популярного функционала уже заложена внутри.

Что такое Visual Composer

Visual Composer - это плагин-конструктор страниц, созданный программистами из Латвии. С его помощью можно красиво наполнять страницы, очень просто и без знания программирования (конкретно Javascript). Надо лишь чуть-чуть разобраться в самом плагине.

Что из себя представляет

Visual Composer расширяет функционал вашей темы в WordPress. Вы можете быстро создать полностью адаптивную строку (привет Bootstrap), можно добавить картинку, видео одним кликом, также есть возможность быстро создать слайдер.

Вести разработку можно как изнутри (скриншот ниже), так и снаружи (кнопка frontend editor). Можно сразу смотреть как будет выглядеть ваш сайт на разных мобильных устройствах, даже не имея этих устройств.

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

Есть возможность добавлять уникальный CSS в head сайта только для отдельной страницы. Для любой строки можно легко настроить уникальное фото или видео фон в три-четыре нажатия. В целом вы можете преобразовать любой шаблон с помощью Visual Composer.

Плюсы и минусы Visual Composer

Как и у всего в этом мире, здесь есть свои преимущества и недостатки. Начнем с хорошего:

Плюсы

1. Поддерживается интеграции с другими плагинами: Contact Form, Yoast, WooCommerce.

2. Поддерживается полная адаптивность. Вам не нужно беспокоиться, что где-то что-то надо дорабатывать. Все, что придется адаптировать, это скорее ваши интеграции другими плагинами. Например, кнопки внутри Contact Form, а сама форма в строку встанет идеально и будет выглядеть органично.

3. Интуитивная панель управления. Честно, я ни разу не залезал в документацию. Я даже почувствовал, что деградирую от такой простоты. Просто Drag and Drop (взял - перетащил).

4. Плагин переведен на русский язык. Да и вообще еще на много какие.

5. Почти каждый добавленный элемент имеет какие-то свои расширенные настройки отображения. Где-то можно даже задать различное действие, например красивое “появление” иконки из-за границы экрана при скролле страницы.

6. Администраторы могут задать различные уровни доступа к блоками Visual Composer. Нам же не нужно чтобы “Редактор” мог напортачить?

7. Так как продукт платный, у него есть поддержка. Можно позвонить или написать. Хотя все это нужно делать на английском языке.

Из минусов я могу сказать только о двух вещах.

Минусы

1. Плагин нельзя отключать, ведь после этого перестанут работать его “шорткоды”, которые вызывают определенные элементы и блоки.

2. Самая большая проблема - это нагрузка на сайт. Сайт становится медленней на 20-30%, особенно если сам проект большой. Да, это отчасти (лишь отчасти) решается разными плагинами кэширования, но...это ведь и есть проблема WordPress. Рядовой пользователь часто перегружает сам свой ресурс различными плагинами.

3. Он стоит денег. Хотя за все прекрасное надо платить...

Итог

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

Очень много подключенного CCS инициализирует этот плагин. Просто огромную кучу. Когда я впервые сделал сайт с помощью Visual Composer - я удивился от такой помойки в коде и огромного количества CSS. Вначале меня это не напугало, сайт был из трех страниц и работал очень даже бодро, но через полтора года он превратился в большой информационный ресурс и стал тупить. Итог, все было переделано на самописный движок от греха подальше.

Были случаи, когда в мою компанию обращались люди, которые просили переверстать их сайт и убрать Visual Composer.

Плагин идеальное решения для небольшого блога, маленького 5-ти страничного сайта или для человека, который просто учится и ему интересно что-то новое. Крупный проект на этом будет делать только ленивый верстальщик, которому без разницы на дальнейшее будущее проекта. Ибо удаление Vicual Composer после длительного использования это всегда разработка нового сайта.