Главная / Плагины / Визуальный редактор страниц Visual Composer

Визуальный редактор страниц Visual Composer

Визуальный редактор страниц премиум плагин WPBakery Visual Composer v.4.12 для WordPress наверное самый удобный и понятный в работе. Плагин имеет встроенный русский язык!

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

Плагин позволяет создавать страницы как в классическом режиме редактирования страниц, так и в режиме реального времени. Вы наполняете страницу и сразу же видите результат!

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

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

Набор функций плагина:

Возможности Visual Composer

  • Ряд (добавляет ряд для вставки блоков, начинаем с этого)
  • Текстовый блок (для размещения блока текста, HTML кода)
  • Разделитель (горизонтальная линия)
  • Текст с разделителем (горизонтальная линия с текстом)
  • Информационное сообщение (цветной блок с текстом)
  • Facebook лайк
  • Tweetmeme кнопка
  • Google+ кнопка
  • Pinteres
  • ЧЗВ (раскрывающий текст + -, подходит для Вопросов/Ответов)
  • Фото (вставка изображения с эффектом CSS)
  • Галерея изображений (вставка нескольких изображения с эффектами CSS)
  • Image Carousel (слайдер фото)
  • Табы (блок с горизонтальными вкладками)
  • Секция тура (блок с вертикальными вкладками)
  • Аккордеон (раздвигающиеся вкладки блока, подходит для Вопросов/Ответов)
  • Posts Grid (вставка блока с новостями)
  • Карусель (слайдер анонсов новостей, страниц)
  • Слайдер записей (слайдер новостей)
  • Сайдбар с виджетами (блок добавит на страницу любой сайдбар сайта)
  • Кнопка (2) (несколько вариантов кнопок)
  • Кнопка призыва к действию (блок с фоном, текстом и кнопкой)
  • Видео проигрыватель (добавит видею с YouTube, Vimeo)
  • Google Maps (вставка карты Google)
  • Вставка HTML (добавить любой код HTML)
  • Вставка JS (добавить на сайт Java Script)
  • Flickr виджет
  • Бар (анимированные прогресс бары)
  • Pie chart
  • Layer Slider (добавить слайдер, для его использования необходим плагин Layer Slider)
  • + Стандартные виджеты WordPress

Для добавления элементов на страницу 

добавить элементы в Visual Composer

  1. Добавьте ряд
  2. Выберите количество колонок на странице
  3. Добавьте нужный элемент в блок

 

Работа в режиме реального времени

Visual Composer создание страниц в режиме реального времени

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

  1. Добавить элемент
  2. Шаблоны (сохранить или загрузить шаблон страницы)
  3. Название страницы
  4. Включить/выключить подсказки
  5. Просмотр страницы, как она будет выглядеть на разных устройствах (монитор, планшет, телефон)
  6. Перейти в классический редактор
  7. Сохранить изменения
  8. Содержимое страницы

Добавление эффектов анимации в Visual Composer

К некоторым блокам можно добавить CSS анимацию появления их на странице.

Для этого нажмите на иконку карандаша и выберите из списка эффект появления блока.

редактирование блока

css анимация блока

 

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

Для дополнительной настройки блоков нажмите на иконку карандаша.

Вот вроде и все, плагин сделан очень удобно, наглядно и все интуитивно понятно. Разобраться не составит труда. Пробуйте, экспериментируйте 🙂

К данному плагину существуют дополнения  в виде платного премиум плагина Ultimate VC Addons. Информацию о нем рекомендую посмотреть тут! И еще одно пополнение Visual Composer Extensions All In One

Скачать плагин Visual Composer Скачать плагин Visual Composer

В тему!

Gravity Forms

Gravity Forms

Gravity Forms v2.0.6 – премиум плагин для создания разных форм на сайте. На сайте еще есть ...

61 комментарий

  1. Здравствуйте, Администрация. Скачал этот плагин, но он не устанавливается, выбивает ошибку. Чтобы это могло быть? М.б. версия вордпресса нужна для него старая? Подскажите, пожалуйста.

  2. Андрей

    хотя. сейчас проверил. плагин работает под всеми версиями WP. Возможно у вас на хостинге проблемы.

  3. Анастасия

    Как установить данный плагин?

  4. Здравствуйте! При загрузке изображений через Visual Composer например к баннеру пишет «ошибка» чтобы это могло быть? До установки данного плагина все изображения загружались. С

  5. Забыла добавить, в библиотеке медиафайлов данные изображения появляются

    • Андрей

      С таким пока не сталкивался, но смею предположить, что может зависеть от версии WordPress. Попробуйте установить версию WP 3.8.3. В последней наблюдаются жуткие проблемы чего не коснись.

      • Спасибо, попробую

      • К сожалению не помогло

        • Андрей

          Бедааа… Даже и не знаю. В таком случае надо ковырять смотреть ваш сайт от чего у вас такие неприятности. Ни когда проблем не было с плагином с разными темами

          • Все работает с версией 4.2.2. Еще хотела спросить.. случайно не знаете какой файл поправить, чтобы ссылки прямые ставились? К примеру во вращающемся боксе ставлю внешний URL, а он внутренний получается.

  6. Странно, но при установки плагина выдается следующее http://joxi.ru/FJ_bU_3JTJBmNNY-YOg, с чем это связано и как устранить данную проблему

  7. Не устанавливается!!!!Что делать? ни одна ни другая версия. Нашла в интернете, ключ просит. Может ВЫ знаете, какой ключ? Спасибо.

    • Андрей

      даже не знаю что и сказать. Установите рекомендованную версию WP. Ключ просит? 🙂 Что то даже не нашел в какое место его вставлять этому плагину 🙂 Все работает и так

  8. У кого не устанавливается ВНИМАНИЕ!!! Плагин в архиве .rar, а нужно чтобы .zip архив был для установки=)))

  9. Выложите пожалуйста рабочие zip архивы с плагином, преобразования из rar в zip результата не дают

  10. Спасибо за статью. Вопрос. Этот плагин не позволяет редактировать уже имеющиеся шаблоны темы?
    Если нет, то подскажите — какой плагин позволяет также красиво редактировать типы постов, например.
    Например, у меня купонный сайт, и я хочу изменить шаблон вывода купонов. Есть ли такие плагины?

  11. Исчезла кнопка «Frontend editor». Что делать?

    • Андрей

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

  12. Перезалейте, пожалуйста.

  13. Подскажите пожалуйста, как сделать с помощью плагина visual composer, чтобы пролистывались цитаты из записей разных, но объединенных под общим форматом «цитата», например как в этом шаблоне внизу самом над зеленой кнопкой Purchase now http://themeforest.net/item/dynamix-business-corporate-wordpress-theme/full_screen_preview/113901?ref=diger ? Заранее спасибо!

    • Андрей

      ой. надо рыться, читать что пишут 🙂 у вас получится быстрее если внимательней посмотрите на настройки блока отзывов 🙂 я пока доберусь, боюсь будет уже не актуально 🙂 мало-мало занят сейчас 🙂 может кто из посетителей тоже подключится к обсуждению? 🙂

  14. Плаги установился, работает, но нету fronted editor !!!
    А он то мне и нужен, уже много разных версий плагина устанавливал, но негде нету фронтед едитора, только backend editor.
    WP 4.1, плагин скачал тут (версия 4.3.5).

  15. Установил плагин.Спасибо конечно! Но как его теперь включить ?Захожу в плагины активирую его , и ничего не происходит ?Что я дальше должен делать?

  16. Столкнулся с этим плагином у работодателя… худшего за 7 лет работы с сайтами не видел! при редактировании в фронтед-режиме- вечно дублирует помимо того что нужно- кучу другого, удаляет тоже не только то что надо… в режиме бэка- неудобно до ужаса… это не премиум плагин- а хрень редкостная…

  17. Здравствуйте.я работаю в кампозере и устанавливаю плагин qTranslate plus ииииииииии КОНФЛИКТЫ как можно исправить???

  18. Александр Васильев

    Спасибо автору за обзор и за комментарии.
    Столкнулся с тем, что не мог деактивировать ранее установленную версию плагина, кажется 3.6
    Попытки накатить свежую версию 4.5 заканчивались сообщением о конфликте. Пришлось воспользоваться советом, подсказанным на забугорном форуме:
    1. через FTP зашёл на свой сервер, нашёл папку WP content/plugins/js_composer
    2. удалил папку js_composer
    3. опять залогинился в админку сайта и убедился, что старая версия VC удалилась
    4. зашел в меню установки плагинов, выбрал ZIP архив новой версии Visual Composer и благополучно установил его.

  19. Здравствуйте.
    При установке выдает ошибку » Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature»
    В чем может быть дело ?

  20. Подскажите в чем проблема может быть… Если я хочу через VC вставить фотографию, я выбираю вставить shortcod — «фотография», там куча всяких настроек, и среди них — выбрать фотографию, загрузить и все такое, в общем серый квадрат с плюсом по середине… при нажатии на этот плюс — ничего не происходит…
    Тоже самое касается присвоения URL , скажем, кнопке… есть в настройках кнопки поле Select URL, жмешь на него, и опять ничего не происходит…

    При наведении на поле Select URL: http://интеб-нн.рф/wp-admin/post.php?vc_action=vc_inline&post_id=3173&post_type=page

    После того, как я нажимаю Select URL: http://интеб-нн.рф/wp-admin/post.php?vc_action=vc_inline&post_id=3173&post_type=page#

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

  22. Почему-то изменения не отображаются в публичной части, что м/б за трудность?

  23. Александр В

    внимание: плагин не устанавливается, потому что упакован в RAR, а не ZIP (как нужно для WordPress). Админ, для избежания недоразумений переархивируйте и выложите в правильном формате

  24. Евгений

    Добрый вечер, хочу уточнить, как быть с лицензией плагина? Можно ли его устанавливать на неограниченное количество доменов (сайтов)?

  25. После установки и активации visual composer появляется возможность редактирования страниц — но только в рабочей области. Шаблон сайта остается прежним, фон, боковое меню. Как сделать чтобы с помощью visual composer создавать новое оформление страницы, а не только рабочей области?
    Скриншот: http://take.ms/ekcw5

  26. Плагин действительно годный. Есть одна проблема в работе плагина, причину которой найти не могу.
    По неизвестной мне причине «posts grid» не может загрузить посты на именно на главной странице блога. Смотрю, что в коде может этому способствовать. Показывает загрузку и все.

  27. Похоже, что версия плагина 4.7 несовместима с 4.5.1 версии WP. Откатил до 4.4.2 — без проблем.

  28. Алексей

    Большое спасибо за новую версию плагина!

  29. Александр

    Добрый день, коллеги! Подскажите, пожалуйста, как можно с помощью этого плагина сделать на странице сайта карусель из отзывов клиентов (т.е. чтобы на экране страницы сразу было видно например 4 отзыва, но можно было прокручивать влево или вправо и там появлялись другие отзывы клиентов)?

  30. Спасибо, скачал, работает!

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.