Главная страница » Инструкция по Visual Composer

Инструкция по Visual Composer

Личное мнение автора о конструкторах

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

Если у вас есть некоторый бюджет, вы хотите великолепно слаженный и производительный сайт, закажите качественную верстку и перенесите её на WordPress.

Visual Composer это конструктор, который создан для широкой аудитории пользователей, и рассчитан для простого создания страниц и их наполнения.

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

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

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

Знакомство с Visual Composer

Если вы новичок, вероятно стоит начать с нескольких вводных статей.

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

  • https://pro-wordpress.com/visual-composer-obzor-i-nastrojka-plagina.html
  • https://seo911.su/plagin-dlya-wordpress-visual-composer/

После того как вы познакомились с принципом работы конструктора, пора попробовать его в деле.

На официальном сайте плагина есть ссылка попробовать бесплатно Visual composer, но её не все замечают из тех, кто заходит туда.

Поэтому, вот — попробовать Visual composer бесплатно.

Вам придется заполнить простую форму (имя, емайл), и вам отправят на почту ссылку по которой можете перейти в режим просмотра и редактирования демо сайта.

К сожалению, на английском, зато можете безбоязненно покликать сколько душе угодно, да еще на готовом контенте. Воспользуйтесь такой возможностью.

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

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

Вы готовы создать собственный сайт на Visual Composer?

С чего же начать.

  • Вы можете купить готовую тему с уже прикрученным конструктором, в этом случае вам не придется покупать стандартную лицензию плагина. Обычно так и поступают.
  • Можно прикрутить Visual Composer к своему дизайну/теме. Вот одна из инструкций на русском https://webdesign.tutsplus.com/ru/tutorials/visual-composer-wordpress-theme-integration-and-page-building—cms-27831
  • Можно скачать стартовую тему бесплатно, от самих разработчиков. https://visualcomposer.io/visual-composer-starter-theme/, доступна в репозитории WordPress.

На официальном сайте можно скачать бесплатную версию Visual Composer https://visualcomposer.io/download/, ограниченную конечно. Во время установки плагина пройдете активацию версии, и дальше пойдет скачивание базовых расширений.

Я полагал, что бесплатной версии не предоставляется. Но вот на данный момент она есть.

Надо сказать, что с ноября 2017 года  Visual Composer Page Builder был переименован в WPBakery Page Builder.

А Visual Composer перерос в Website builder, т.е. это два отдельных продукта.

WPBakery Page Builder берет на себя управление по части контента. Visual Composer Website Builder  позволяет создавать сайт практически целиком.

У меня есть подозрения насчет полезных возможностей Visual Composer бесплатной версии, но такая есть, и этого нельзя отрицать.

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

Теперь давайте пройдемся по документации Visual Composer.

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

Важные моменты из документации Visual Composer

  • Работа с типами записей. Плагин можно включить для страниц, записей, и даже для произвольных типов, — например, для страниц продуктов, если у вас установлен WooCommerce.
  • Глобальные настройки. На странице WP Dashboard -> WPBakery Page Builder -> Design Options можно изменить цвет по умолчанию, задать поля и отступы для контент элементов. В бесплатной версии этих настроек нет.
  • Начиная с версии 4.1 в VC можно задавать Настройки дизайна для элементов Строка, Колонка, Блок текста, Изображение, Видео. На вкладке дизайна можно задавать поля, отступы, радиус для границ, цвет и фоновое изображение. В бесплатной версии это доступно.
  • Начиная с версии 4.3 можно контролировать отображение колонок для разных устройств.  На вкладке Width & Responsiveness можно задать offset, width или даже прятать на конкретных экранах. В бесплатной версии этого нет.
  • Работа с шаблонами. Можно загружать и использовать предустановленные шаблоны. Можно сохранять страницы в собственные шаблоны. С версии 5.0 можно сохранять строки и секции в шаблоны, в бесплатной версии я этой возможности не нашел.
  • Самые важные элементы это строка и колонки, т.е. сетка. Если вы поймете все виды настроек и принцип их работы, остальные элементы не предоставят для вас никакой сложности.

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

Уроки по Visual Composer

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

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

Есть Youtube, которым вы прекрасно умеете пользоваться. Конечно, количество информационных роликов будет только расти.

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

В общем, изучайте, делитесь опытом, мнениями в комментариях, буду рад их услышать.

Добавить комментарий

%d такие блоггеры, как: