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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Метки

Related Articles

14 thoughts on “Visual Composer — «Как мне сделать..?»”

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

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

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

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

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

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

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

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

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

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

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

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

Close

Обнаружен Adblock

Уважайте труд вебмастера. Пожалуйста, отключите свой блокировщик рекламы.