КастомизацияПлагины

Visual Composer — «Как мне сделать..?»

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

[toc]Почему частичный? Переведены только авторские описания к видео. Сами ролики разумеется, остались на английском, но они настолько наглядны, что не должны вызывать особых вопросов. Просто внимательно смотрите, повторяйте и все у вас получится.  По композеру мне приходит очень много вопросов, но почти все они решаются самостоятельно после чуть более внимательного изучения интерфейса и основных, базовых возможностей этого великолепного плагина.

Как добавлять изображения и редактировать их?

В видео ниже показано, как добавлять и редактировать изображения, присутствующие на WordPress странице или посте, с помощью  Visual Composer.

https://youtu.be/8pl3c090C38

Как добавить строку во всю высоту экрана и видео фон?

Как видите, любую строку в Visual Composer можно легко растянуть на всю высоту экрана. Начиная с версии 4.6, стало возможно добавлять фон из YouTube-видео в строку Visual Composer, просто скопировав ссылку в параметр «фон видео». Вы также можете добавить параллакс-эффект в те строки, где есть видео фон.

https://youtu.be/kpe8YHns8R8

Как добавлять фильтры изображений?

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

https://youtu.be/-W8JI4BpIe8

Как добавить галерею изображений?

Процесс добавления галереи изображений из медиа библиотеки WordPress сайта с помощью Visual Composer.

https://youtu.be/RCioN0Boyi8

Как добавить старомодную сетку записей с помощью Grid Builder?

С помощью Visual Composer Grid Builder вы можете построить старомодный шаблон сетки записей. После того, как вы создадите шаблон, он будет доступен в табе «Item Design». Вы в любое время можете изменить шаблон в Visual Composer Grid Builder (конструктор сеток).

https://youtu.be/1096CxlWGBs

Как добавить параллакс-эффект к фону строки?

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

https://youtu.be/J5G6yNp4UG4

Хитрость: данная опция позволяет скомбинировать параллакс-изображение фона (в формате  PNG) и изображение Design Options. Используя этот трюк, можно  создать еще более продвинутые эффекты перекрытия на основе параллакс.

Как добавить текстовый блок?

Научитесь добавлять простые текстовые блоки к вашему WordPress сайту с помощью Visual Composer.

https://youtu.be/8cBMOVvzVGM

Как проверить адаптивность?

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

https://youtu.be/ae7DH8AqV8Q

Как клонировать элементы?

Узнайте, как клонировать элементы Visual Composer в один клик.

https://youtu.be/dn5TqabaBMk

Как управлять элементами на разных девайсах?

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

https://youtu.be/heluhdk0Dqw

Как создать пустое пространство между элементами?

Следуя этой простой инструкции, вы сможете увеличить пространство между элементами с помощью инструмента Empty Space element из плагина Visual Composer для WordPress.

https://youtu.be/nVosEHfBj5g

Как перетаскивать элементы?

Научитесь легко перетаскивать элементы в Visual Composer.

https://youtu.be/m5Ufi7-fuAY

Как редактировать заголовки записей?

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

https://youtu.be/rVDKZ0o5kn0

Как вставить внутреннюю строку?

Visual Composer позволяет добавлять элемент «строка» внутрь другой строки, до двух уровней вложенности, так как WordPress запрещает вставлять шорткоды внутрь шорткодов.

https://youtu.be/MQoV_NA_XC0

Как минимизировать строку?

С помощью Visual Composer можно минимизировать строку с использованием Backend editor. Такая опция очень полезна, когда у вас много шаблонов, и вам не хочется бесконечно листать их.

https://youtu.be/dtzN-b0UbWY

Как включать и выключать «режим руководства» в Frontend editor?

Посмотрите, как легко можно включать и выключать «режим руководства» в редакторе  Visual Composer в пользовательской части сайта.

https://youtu.be/6EEdDfkP-ds

Как использовать элемент Custom Heading?

Следуйте этой простой инструкции, чтоб создать красивые заголовки с применением Google Fonts, используя плагин Visual Composer для WordPress.

https://youtu.be/7YK0DtkraLw

Как работать с табами, блоками и аккордионами?

Посмотрите, как легко можно создавать такие сложные элементами, как табы, блоки и аккордионы на вашем WordPress-сайте с помощью  Visual Composer.

https://youtu.be/wP4Pc4Nnm2I

Прочитать полный обзор плагина Visual Composer

Похожие

15 Комментов

  1. Даже с учетом того, что я это все знаю, признаю пост очень полезным!

  2. Здравствуйте, а как можно создать шаблоны страниц в этом редакторе на одном сайте и использовать их на других сайтах? Точнее можно ли сделать шаблоны страниц, такие как full-width.php, portfolio.php и прочие. Ясно, что при условии наличия Visual Composer на тех сайтах. На Themeforest половина на Visual Composer тем собрана.

    1. Здравствуйте. У VC свои шаблоны. Вы можете использовать готовые или создавать свои собственные. Для расширенной работы с шаблонами используйте плагин Templatera.

      1. Спасибо. Еще вопрос небольшой. Подскажите плагин CEO для магазина получше.

  3. Недавно пришлось перенести сайт с композером на другой хостинг, так вот обнаружил, что после переноса перестал работать композер. В админке не отображается контент с модулями композера, только в режиме кода в стандартном редакторе вордпресс. Причем, когда пытаюсь добавить новый модуль, то сетка с элементами есть, но не активна. Дмитрий, подскажите, в чем может быть причина и как это лечить, может сталкивались?

    1. Думаю, дело не в композере, а в переносе. Я переносил с помощью BackupBuddy и все работало как и раньше. Попробуйте переставить плагин на новом сайте.

  4. Здравствуйтие.
    В редакторе Grid Builder создал свой элемент, но на странице, редактируемой через Visual Composer, при вставке нового объекта не могу его найти в вписке доступных элементов.
    Подскажите, почему его там нет? Элемент сохранён и опубликован.

  5. Здравствуйте:) На странице, редактируемой через Visual Composer, вставка HTML (код ISSUU) не адаптивна под моб. устройства. Не поможете решить проблему.
    С уважением, Михаил.
    Главная страница на сайте: http://kurag.in.ua

  6. Подскажите пожалуйста, как через Композер вставить на страницу скрипт? Любой. Например, на загрузку погоды с соответствующего сайта….

  7. Добрый день, не активна панель текстового блока (размер шрифта и тд) в Visual composer только когда делаю страницу. А в режиме «запись» работает. Как это можно исправить ?

  8. Материал полезный. Поставил в закладки.
    Вот только новый хостинг-провайдер отказывается его поддерживать. Будем думать дальше как быть.

  9. Добрый день, подскажите пожалуйста : при попытке редактировать элемент ряд через вижуал композер, у меня появляется иконка загрузки в движении в окне настроек ряда и все. Она так висит часами и ничего не происходит. В чем может быть проблема. Я уже несколько раз перегрузила и комп и сам сайт и вордпрес

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top button