Плагин для WordPress – visual composer

Оптимизируйте свой сайт: visual composer скачать плагин wordpress.

59
12051
visual composer,

Сегодня разговор пойдет об отличном решении для вашего сайта или блога на wordpress – плагине visual composer. Если вы не представляете себе о чем пойдет речь, то эта статья для вас. В ней будут разбираться основные компоненты и возможности плагина, который мы до-перевели на русский язык.

Что представляет собой visual composer?

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

Настройки visual composer.

После того, как вы установили и активировали плагин visual composer, он откроет перед вами панель настроек, которая состоит из 4-х основных пунктов.

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

visual composer, настройки visual composer,

Вторая вкладка – назначение ролей:

visual composer, настройки visual composer,

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

Третья вкладка – активировать лицензию.

visual composer, настройки visual composer,

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

Четвертая вкладка – настройщик шорткодов.

visual composer, настройки visual composer,

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

Пятый пункт в меню плагина – настройка сетки.

visual composer, настройки visual composer,

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

Возможности плагина visual composer.

Давайте плавно перейдем к возможностям самого плагина. Но перед тем, как продолжить, хочу сразу отметить тот факт, что одних настроек, которые в нем присутствуют вам, возможно не хватит и могут понадобится дополнительные компоненты, которые называются – visual composer addons. В будущем, я планирую посвятить этим дополнениям ни одну статью на сайте.

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

Кликните на кнопку “РЕДАКТОР В КОНСОЛЕ” – перед вами откроется вот такое вот поле:

visual composer, настройки visual composer,

Здесь 3 блока:

  • Добавить блок – вы добавляете один из элементов, которые мы рассмотрим ниже.
  • Добавить текстовый блок – обычный блок с текстовой информацией.
  • Добавить шаблон – вы можете создать свой шаблон, например, для страниц, на которых представлены одни и те же блоки, но отличается контент. Эта функция ускоряет вашу работу с сайтом, чтобы каждый раз не сверяться с уже существующими настройками на страницах.

Если вы нажмете на кнопку – добавить блок, перед вами откроется меню, в котором вы можете выбрать для себя необходимый модуль для вставки на страницу или в запись:

visual composer, настройки visual composer,

Сегодня мы с вами поговорим про каждый из этих блоков и их возможностях.

Модули visual composer wordpress.

Ряд visual composer

Начнем с самого первого модуля – “Ряд” – с его помощью мы можем располагать контент на странице или в записи практически любым удобным образом.

visual composer wordpress

Модуль имеет ряд дополнительных настроек:

Например, вы можете сохранить его как шаблон.

visual composer wordpress

visual composer wordpress

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

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

visual composer wordpress

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

Текстовый блок visual composer

Очень простой и совешенно понятный модуль.

visual composer,

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

Пример:

visual composer

Иконка visual composer

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

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

visual composer,

Пример:

Разделитель visual composer

Вам пондобилось, к примеру, отделить один элемент от другого так, чтобы визуально это смотрелось привлекательно:

Задавайте какие угодно настройки, ни в чем себя не ограничивайте.

Пример:

visual composer,

По мимо обычного разделителя, существует еще один.

Разделитель с текстом visual composer

Он используется для того, чтобы акцентировать внимание пользователя. Я бы назвал его что-то вроде дополнительного заголовка.

visual composer,

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

Пример:

visual composer,

Информационное сообщение visual composer

Вы решиили предупредить посетителей сайта о чем-то – этот модуль отлично вам подойдет:

visual composer,

Пример:

visual composer,

Социальные сети visual composer

По какой-то причине плагин использует всего лишь 4 социальные сети, 3 из них для нас с вами интересны, а вот 4-ая не особо. Для русского-язычных пользователей лучше бы подошла социальная сеть Вконтакте.

visual composer,

Пример:

visual composer,

ЧастоЗадаваемыеВопросы visual composer

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

visual composer,

Пример:

visual composer,

Фото visual composer

Этот модуль, как и последующие не оставит вас равнодушным.

visual composer,

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

visual composer,

visual composer,

Пример:

visual composer,

Галерея изображений visual composer

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

visual composer,

Только помните, что если вы вставляете изображения то, при открытии окна сверху будет указано ключевое слово, которое вы прописали в атрибуте “alt”, показано на примере:

visual composer,

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

visual composer,

Табы, тур и аккардион visual composer

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

visual composer,

visual composer,

visual composer,

Пользовательский заголовок visual composer

Этот модуль применяется тогда, когда необходимо сделать акцент над/рядом с каким-то текстовым блоком, акцентировать внимание.

visual composer,

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

Пример:

visual composer,

Кнопка visual composer

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

visual composer,

Пример:

visual composer,

Призыв к действию visual composer

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

visual composer,

visual composer,

visual composer,

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

Пример:

visual composer,

Слайдер записей visual composer

Не представляет из себя ни чего сложного в настройке. Основная задача сделать меняющийся слайдер с записями вашего блога.

visual composer,

Пример:

visual composer,

Видео проигрыватель visual composer

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

visual composer,

Пример:

visual composer,

Модуль visual composer Карта Google

Недавно один из участников группы в Фейсбук интересовался у меня, как разместить html код или iframe у себя на сайте (была необходимость вставки видео контента). Я решил показать это на примере, вставки карты Google.

visual composer,

На скриншоте выше видно, что код уже стоит – в качестве примера, но вдруг вам необходимо установить другой? Например, карту как на скриншоте ниже:

visual composer,

visual composer,

В итоге у нас получится вот так:

visual composer,

HTML

Не стал разделять HTML и javascript на отдельные модули. Скажу лишь, что вы можете их использовать как вам угодно.

visual composer,

visual composer,

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

Пример:

visual composer,

Модуль социальной сети Flickr

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

visual composer,

Пример:

visual composer,

Бар visual composer

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

visual composer,

Пример:

visual composer,

Диаграммы visual composer

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

visual composer,

Пример:

visual composer,

visual composer,

Модуль пустое место

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

visual composer,

Модули сетка записей, мозаичная сетка и сетка медиа

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

visual composer,

Пример:

visual composer,

visual composer,

visual composer,

На этом я бы хотел закончить обзор Плагина для WordPress – visual composer.

Ссылка на скачивание версии 5.0.1.

Альтернативная ссылка на скачивание плагина.

59 КОММЕНТАРИИ

  1. Благодарю, все очень подробно.
    Только совершенно непонятно как скачать плагин?

    • Приветствую Елена. В конце статьи, перед кнопками социальных сетей есть предложение выделенное красным цветом и при этом, оно является ссылкой: “Ссылка на скачивание версии 5.0.1.”, если вы кликните на него мышкой то сможете перейти по ссылке и скачать плагин. Удачи в делах!

  2. Обычно являюсь тем посетителем, который прочитав что ему нужно-ухожу. Но тут мне понравилось как вы описали все подробно, еще и добавив изображения. Снимаю шляпу перед руководством данного сайта!

    • Приветствую Александр. Очень лестно слышать 🙂 Спасибо за отзыв. В скором времени планирую выложить ряд чрезвычайно полезных дополнений для этого плагина. Создал даже отдельную рубрику под него.

  3. Только вопрос у меня по теме: есть ли возможность использовать данный плагин бесплатно? Если да, то как? Если можно то более подробней… Заранее спасибо!

    • Можете использовать бесплатно, если скачаете с этого сайта или где-то в рунете. Если же захотите купить за деньги, то вам на официальную страницу плагина. После установки и активации появится необходимая ссылка.

  4. Добрый день Александр!
    Помогите пожалуйста разобраться!!!!! После добавления текста в блок на странице содержимое мигнет и пропадает, но в редакторе все видно и работает. Что делать???

  5. Здравствуйте, не могу активировать плагин, по следующей ошибке
    Fatal error: Cannot redeclare wpb_getimagebysize() in /home/prtcomua/public_html/mywebsite.com/wp-content/plugins/js_composer/include/helpers/helpers.php on line 25

    Подскажите как активировать

    • Приветствую. Без лицензионного ключа ни как. Нужно купить плагин и получить ключ активации. Без него плагин не активировать. Пользуйтесь так, без активации.

  6. Здравствуйте. Приобрел данный плагин, после установки часть картинок пропала с сайта. Что может быть?

    • Картинки пропали и из медиа библиотеки? Если нет, и там они в наличии, то я бы рекомендовал бы пересоздание миниатюр сделать. Плагин для этого: Regenerate Thumbnails.

  7. Большое спасибо за плагин и за подробную статью. Но у меня возник вопрос – для создания подписной страницы или другого вида лендинга нужно, чтобы на странице не было никаких намеков на навигацию по сайту. Я в простоте душевной думала, что плагин дает такую возможность. Но на странице сохраняется и шапка и подвал моего сайта. Я что-то неправильно сделала в настройках?

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

  8. Ох ребята, как же я вам благодарен! В пять раз быстрее покатило! А то заколебёшься с этим ангельским язом блин. Молодцы что перевели. Жму ваши руки, десятка топ по запросу “как выставить русский язык в плагин для wordpress visual composer” у вас уже есть. Счастья вам и творчеЗГих уЗБекофффф!

    • Благодарствуем за лестный комментарий. Заходите еще, раздел по этому плагину будет пополняться. Как переведенными, так и плагинами без перевода.

  9. добрый день! отличная статья! если не трудно, подскажите, как сделать так, чтобы изображения на сайте НЕ увеличивались по клику?))

    • Приветствую Юля. Если вы вставляете изображение где-то на сайте. То сначала ставите ряд. Потом добавляете виджет “Фото”. В его настройках, есть специальный пункт в самом низу – “On click action” – и в нем вы выбираете, какое именно действие будет происходить, если пользователь наведет на него мышкой.

  10. Добрый вечер! Спасибо вам за плагин. Есть только у меня проблема, замена вордпресса, смена тем, диактивацией плагина она не решилась(( Суть в том, когда создаешь текстовый блок -> Начинаешь его редактировать в визуальном редакторе -> Кликаешь на любую вкладку например “Вставить”, то раскрывающеся окно появляется за визуальным редактором. Не знаете как решить эту проблему?
    Вот скрин https://ibb.co/k5afga

    • Приветствую. Кажется, я понял, в чем дело: у вас есть ещё какой-то дополнительный редактор, который отвечает за вставку дополнительный элементов. Как видите в скриншоте, на ответе ниже он у меня отсутствует. По всей видимости он и конфликтует с VС.

  11. Спасибо большое за плагин! У меня только проблема, при создание текстового блока и его редактирования, если нажать например вкладку “Вставить”, то стек разворачивается за визуальным редактором. Не знаете как исправить? Диактивация плагинов, перезагрузка системы, смена вордпресса, смена тем не помогло. Вот скрин https://ibb.co/k5afga

    • Приветствую Сергей, пожалуйста. Попробуйте воспользоваться не вкладкой вставить, а именно иконкой на панели, которая отвечает за эту функцию: https://ibb.co/ivFM6a – как видите, у меня все встало нормально.

  12. Извини, я не совсем наверно точно выразился) Я не имел ввиду про кнопку “Вставить тег ‘далее'”, а про меню редактора, а так стеки “Абзац”, “Семейство шрифтов”, “Размер шрифтов”, “Маркированный список”, “Нумерованный список”, “Цвет шрифта”. При нажатие все они разворачиваются за визуальным редактором. Новый скрин прилагаю https://ibb.co/ir249v

    • Ах это.. Ну просто передвинь блок редактора вправо-влево, вверх-вниз куда удобнее, да и все..

      • У тебя такая же проблема?) В общем я так понял, это не соответствие версий wordpress либо встроенного визуального редактора ВП wysiwyg вроде с VC, т.к. я скачал более позднюю версию ВП и все стало работать нормально. Но конечно, если передвигать блок, то это напрягает))

  13. В общем небольшой лайфхак для тех кто хочет пользоваться VC версии 5.1.1 без косяков. Откатите ВП до версии до 4.7.5 и будет счастье. Так же дополнение к нашему редактору TinyMCE говорит, что новейшая версия несовместима с версией ВП при установки, но я установил и визуально никаких багов не увидел, по функционалу не знаю, буду работать сегодня, если что, то скажу… Кролик ЛоЛоЛо, если купить VC то update будет выполняться каждый раз при покупки, не знаешь?

    • Если честно не знаю. По идее, он должен из админки обновляться, если ключ введен. “Но это не точно..” (с) БРБ.

  14. Здравствуйте! Читаю Ваши статьи – огромный труд делаете! Спасибо Вам большое!
    После прочтения заинтересовал данный плагин! Скажите, а есть ли возможность выложить свежую версию?
    Спасибо!

    • Приветствую. Пожалуйста. Заходите, скоро будет выложено ещё ряд статей и плагинов. Появилось свободное время на написание контента.
      Думаю на днях выложить небольшой пост с описаниями изменений к плагину, от этой версии к самой новой. Сам плагин, разумеется появится на катале в телеграм.

  15. Добрый день. У меня почему-то не работает большинство блоков. Например, табы, аккордеон и многие другие. Т.е. в редакторе они замечательно вставляются, а вот на сайте не отображаются так как надо. Это надо самому как-то в стилях прописывать что-то. Или просто стили тему конфликтуют в плагином? Спасибо!

    • Приветствую Роман. Скорей всего конфликт с другим плагином. Попробуйте последовательно отключать и включать плагины и посмотреть на результат. В ближайшее время, выложу последнюю версию плагина. Сможете скачать уже её. Информация об обновлении появится в конце этого поста и в пабликах – на Facebook, Вконтакте и, разумеется, в Telegram.

  16. Здравствуйте, очень прикольный плагин, столько фич. У меня к вам вопрос на засыпку – вот хочу улучшить оформление большинства статей на блоге (добавить табы, аккордеоны, таблички, иконки и всякое такое). Насколько это все повлияет на скорость загрузки страниц? Кто-нибудь экспериментировал с этим? Не хочется проделывать титанический труд зря (. Спасибо!

    • Приветствую. Ну тут от нескольких факторов зависит:
      1) Смотря какие мощности вашего хостинга, у вас может быть, к примеру самый простой тариф на хостинге, оперативной памяти, соответственно, мало.
      2) Желательно поставить плагин для кэширования страниц и записей.
      Я, к примеру, редко использую все эти навороты. Точнее, я использую их не для записей на блоге, а для улучшения отдельных страниц.

  17. Кролик Ло Ло Ло, Подскажи будь добр, у меня не появляться пункт перехода редактирование на самой странице.. в чем проблема?

    • Приветствую. Не понял вопроса. Можете скриншот приложить и указать на нем стрелками, если возможно, что имеет в виду?

  18. Здравствуйте. Как перейти на редактирование непосредственно на странице сайта? У меня на одном сайте эта функция есть, а на другом нет.

    • Эээ.. Переходите на нужную страницу (под админом), сверху будет дополнительное меню “Редактировать страницу” – кликаете на него и переходите в панель редактирования страницы. Как-то так.. Или Вы что-то другое имели ввиду?

  19. Здравствуйте, Кролик Ло Ло Ло! У меня установлен разработчиками сайта этот плагин при смене шаблона, но я как-то им не пользовалась, не знала о его возможностях, да и раньше обходилась без него. Сегодня попробовала установить новый плагин WPtouch Mobile Plugin – он конфликтует с ним, пришлось деактивировать. Дословный перевод – “Плагин визуальный Композитор-это не совместимо с WPtouch. Некоторые функции могут работать неправильно. Проверьте эту страницу для получения дополнительной информации.” Что посоветуете? Продолжать не пользоваться или? Заранее спасибо за ответ.

    • Приветствую Галина. Ну, смотрите: если вам нужен WPtouch Mobile Plugin прям сильно сильно, то пользуйтесь им. Если и раньше обходились без Композитора, то и смысла его активировать особо нет.

  20. Visual Composer добавляю multiple / specific products и когда добавил Products не нажимается кнопку сохранить. там постоянно написано “изменения сохранены. Но на самом деле не изменяется информация. в чем может быть проблема?

    • Понятия не имею. У всех разные баги вылазят. Например, чтобы изменить цвет текста, при клике не видно окно с выбором цвета, его нужно передвигать в сторону. Может быть, и у вас подобная проблема. А может быть и нет.

  21. Здравствуйте!
    Пытаюсь поставить этот плагин(тема шаблона подходит) на локальном сервере xampp
    У меня не получается пишет весит больше чем прописано в php ini
    Может подскажете

    • Приветствую. Ну, собственно, чего подсказывать то? Ответ у вас и так есть. Необходимо изменить параметры в php и всё как бы..

  22. Здравствуйте. Плагин умеет разбивать ряд на 3,4,6 и т.д. одинаковых блоков, а вот мне нужно поместить 5 элементов. Не подскажите как это можно реализовать? Спасибо. Скриншот о чем идет речь (https://prnt.sc/is2y3q)

    • Приветствую.
      Это через настройки ряда делается (справа иконка на ряде) заходите в неё и выбираете нужные вам параметры.

  23. Установил плагин. Стандартная галерея стала работать некорректно. Т.е. фото выстраиваются уменьшенные, открываются в прети окне. НО! Скрыты элементы управления и возможности перелистывать фотки галереи нельзя. В чем может быть трабл?

    • 1) Возможно конфликтует с другим плагином. 2) Смотря какую версию плагина поставили у себя, многие старые версии не поддерживаются.

  24. Добрый день.
    Подскажите, пожалуйста, как обновить этот плагин? WPBakery Visual Composer
    Автоматически он не обновляется. При перходе на страницу плагина

    https://#
    При выборе Free скачивается плагин Visual Composer. Получается, что это другой плагин, при его активации у меня все слетает. А плагин WPBakery Visual Composer так и просит обновление.

    Что делать?

    • Добрый день.
      Ни чего не делать. Подождать, когда появится последняя версия этого плагина. Удалить старую версию и поставить новую.

  25. Здравствуйте, редактирую текстовый блок, при сохранении все ок, как только нажимаю кнопку сохранить страницу, выдает ошибку 406. что делать?

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, напишите комментарий!
Пожалуйста, введите Ваше Имя здесь