Visual composer

Всем привет и перед вами сегодня обзорная статья об очень интересном и пожалуй, самом популярным (на момент написания статьи) премиум WordPress плагине — WPBakery Page Builder (бывший Visual Composer) который легко способен в короткое время полностью преобразить ваш сайт. Сразу отмечу, что плагин по большей части переведен на русский язык. Правда, как и большинстве подобных случаев, в зависимости от выхода новых версий, часть перевода может устаревать или добавляться что-то новое.

Что умеет WPBakery Page Builder?

Плагин который позволяет визуально (никакого программирования) легко и быстро, в буквальном смысле слова — строить страницы вашего сайта, так как вам заблагорассудится. Разумеется, тем, кто привык сугубо к стандартному, двухколоночному виду и ничего менять не хочет, тому WPBakery Page Builder не понадобиться. Зато для всех остальных это — прекрасная возможность создавать например, главную, да и вообще, любую другую страницу сайта (или даже пост) такими, какими они ему видятся, причем совершенно независимо от возможностей используемого вашей WordPress темой шаблона.


Кроме страниц, можно использовать WPBakery Page Builder и шорткоды из него на стандартных записях, потфолио, отзывах, прайс-листах, галереях и на традиционной странице об авторе. В общем, практически везде. Сегодня это поистине незаменимый инструмент для строительства лендингов, корпоративных, тематических сайтов и прочих типов сайтов.

Установка и настройки WPBakery Page Builder

Скачиваем архив с плагином и устанавливаем его стандартным образом через админку. После активации в админке появится новая закладка — WPBakery Page Builder ведущая на страницу с немногочисленными базовыми настройками.

Visual Composer общие настройки

  • Основные настройки — тут можно отключить поддержку адаптивности и не забудьте тут же включить поддержку кириллицы для Гугл шрифтов!
  • Role Manager — детальные настройки использования композера для всех основных ролей пользователей WordPress.
  • Дизайн элементов — настройки элементов дизайна для отдельных блоков композера. Полезно, если вам необходимо получить результат в определенной цветовой гамме и подогнать дизайн под свой шаблон.
  • Индивидуальный CSS — окно для вводе своих стилей и таблиц для веб мастеров.
  • Лицензия — активация лицензии плагина для возможности автоматических обновлений и получения авторской поддержки.
  • Shortcodes — добавление и настройка собственных шорткодов.

Вот и все общие настройки. В принципе, для начала обычной работы с WPBakery Page Builder ничего из настроек «по умолчанию» менять не нужно. Единственный момент — это включение кириллицы как я уже отметил выше.

Пример использования композера

Теперь построим страницу с использование этого замечательного плагина. Идем в Страницы и добавляем там новую, самую обычную WordPress страничку. Не забудьте отключить комментарии и сайдбар, если он не нужен. Переходим на неё и приступаем к построению.

Первым делом выберите режим работы с композером — Backend Editor или Frontend Editor. Лично я предпочитаю первый, традиционный вариант — редактирование из админки. Вы можете попробовать редактирование прямо с внешней стороны сайта. Тут каждый выбирает сам, что ему удобнее. Жмем Backend Editor и попадаем вот в такое меню.

Visual Composer - стартовый экран редактирования


Добавить новый элемент — Add Element, добавить текстовый блок кликнув на Add Text Block или выбрать внизу уже готовый шаблон для разных типов страниц. Верхняя кнопка меняется на Classic editor для того, что бы вы могли в любой момент переключится к привычному виду.

Add element – переходим к выбору всех основных добавляемых элементов. Наверху есть фильтр для ограничения самых нужных на данный момент.  Расписывать все имеющиеся элементы композера я тут не буду. Достаточно внимательно их рассмотреть, что-бы понять, что тут к чему.  Добавление текстовых блоков, различных кнопок, слайдеров, галерей, вывод постов, карт, разделителей, заголовков, табов, виджетов WP и многое другое. Возможностей у нашего «строителя» более чем достаточно. В любом случае, рекомендую вначале просто поэкспериментировать с размещением блоков и элементов для быстрейшего понимания того, как это работает.

Visual Composer - окно с набором всех элементов

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


Visual Composer - редактирование нового, добавленного ряда

Отдельная кнопка Шаблоны – удобная возможность сохранить созданную нами страницу в качестве шаблона.

Собственно сам процесс построения страницы и заключается в добавлении отдельных элементов и блоков через Add element.  Их редактирования и перемещения по странице. Не забывайте сохранять результаты своего труда.

При вдумчивом и креативном подходе, WPBakery Page Builder со своими уникальными возможностями построения WordPress страниц, предоставляет просто огромную свободу действий. Особое внимание стоит обратить на этот плагин вебмастерам работающим с клиентскими сайтами на WordPress. С помощью него можно легко превратить даже самую простую и бесплатную тему в шикарный корпоративный или продающий сайт. Настоящая «палочка-выручалочка».

О популярности плагина говорит и тот момент, что сейчас многие разработчики премиум тем  покупают лицензию на плагин и затем встраивают его в свои темы для продажи, не забывая при этом, лишний раз подчеркнуть, что покупаю такую тему, вы еще и экономите на плагине, который сам по себе стоит 30 «американских президентов».


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

Теперь о том — стоит ли плагин своих денег (33$)? Если вы хорошо понимаете — где и как он вам понадобится, то безусловно, стоит. Единственный момент который стоит учитывать — возможно стоит приобрести его уже в составе хорошей премиум темы?

wpnice.ru

Visual Composer

Visual Composer является не только бестселлером на CodeCanyon, он также входит в огромное количество WordPress тем на ThemeForest. Это и объясняет почему плагином пользуются более чем 500000 сайтов.

Visual Composer может построить вам отзывчивый макет в считанные минуты, используя дружественный интерфейс. От работает с любой темой WordPressи имеет поддержку WordPress Multisite и WooCommerce.

Более десяти языковых пакета включены в плагин WordPress Multilingual Plugin. Огромное количество элементов контента, и предопределенных макетов идут с плагином так же.

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

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

С помощью Visual Composer


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

visual-composer

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

В верхней части интерфейса есть пять кнопок, три слева и две справа.

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

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

visual-composer


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

Число доступные элементов впечатляет. В общей сложности, на текущую версию Visual Composer сорок восемь элементов контента (в это число входят виджетs WordPress по умолчанию). Вы можете создавать сложные страницы, используя эти элементы. Вы можете добавлять диаграммы, изображения, галереи, видео карты, почтовые сетки, значки,кнопки социальных медиа и многое другое.

visual-composer-element-list

Строки и столбцы можно перетаскивать, туда где вы хотите разместить их. Число столбцов, отображаемых в строке может быть определено путем выбора одной из структур например 1/2 + 1/2. В качестве альтернативы, вы можете вы можете создать свою собственную структуру.

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

visual-composer-backend-layout-example

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


visual-composer-row-settings

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

visual-composer-posts-slider-settings

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

visual-composer-template-box

Настройка Visual Composer


Настройка Visual Composer позволяет изменять различные функции и параметры.

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

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

visual-composer-general-settings

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

visual-composer-design-options

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

visual-composer-custom-css

Лицензия на продукт предоставляется при покупке Visual Composer. Она действительна на один веб сайт и обеспечивает постоянную поддержку и обновления через админ панель.


visual-composer-product-license

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

visual-composer-welcome

Сетки

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

visual-composer-advanced-grid-builder

Видео которое ниже поможет вам освоить работу сетки. Я рекомендую посмотреть его, тем самим вы найдете ответы на многие вопросы.

Visual Composer продается всего за 34$. Там нет ежегодного сбора, вы его покупаете раз и навсегда.

Using Beaver Builder

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

Все макеты отзывчивы и визуальный редактор совместим со всеми типами записями. Благодаря поддержке виджетов, Beaver Builder прекрасно работает с большинством плагинов WordPress. Например вы могли бы легко интегрировать элементы из других плагинов на вашу страницу, таких как формы, таблицы , галереи.

Beaver Builder имеет хорошую поддержу WooCommerce и WordPress Multilingual Plugin и работает с любой темой WordPress. Особенности Beaver Builder которую действительно заметно, это система шаблонов страницы. Это позволяет создавать разные страницы в секундах. Все что вам нужно сделать, это выбрать шаблон страницы.

Использования Beaver Builder

Beaver Builder интегрируется с WordPress также как и Visual Composer. После того как плагин был активирован, вы можете загрузить редактор.

beaver-builder-editor-button

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

edit-with-page-builder

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

beaver-builder-layout-templates-home

Готовые шаблонные решения помогут вам быстро создать основную часть станиц.

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

beaver-builder-interface-overview1

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

Давайте рассмотрим цены. Разработчики Beaver Builder взяли за основу разные типы лицензии, есть варианты как для простых разработчиков так и для компаний. Все лицензии позволяют использовать Beaver Builder на неограниченное количество веб-сайтов. Поддержка и обновления доступны в течении года, последующие годы доступна скидка 40% от первоначальной цены.

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

beaver-builder-pricing

Итоги

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

Спасибо.

Оригинал стати: http://athemes.com/reviews/visual-composer-vs-beaver-builder/

vanzzo.net

Что умеет Visual Composer?

Плагин который позволяет визуально (никакого программирования) легко и быстро, в буквальном смысле слова — строить страницы вашего сайта, так как вам заблагорассудится. Разумеется, тем, кто привык сугубо к стандартному, двухколоночному виду и ничего менять не хочет, тому Visual Composer не понадобиться. Зато для всех остальных это — прекрасная возможность создавать например, главную, да и вообще, любую другую страницу сайта (или даже пост) такими, какими они ему видятся, причем совершенно независимо от возможностей используемого вашей WordPress темой шаблона.

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

Установка и настройки Visual Composer

Скачиваем архив с плагином и устанавливаем его стандартным образом через админку. После активации в админке появится новая закладка — Visual Composer ведущая на страницу с немногочисленными базовыми настройками.

Visual Composer общие настройки

  • Основные настройки — тут можно отключить поддержку адаптивности и не забудьте тут же включить поддержку кириллицы для Гугл шрифтов!
  • Role Manager — детальные настройки использования композера для всех основных ролей пользователей WordPress.
  • Дизайн элементов — настройки элементов дизайна для отдельных блоков композера. Полезно, если вам необходимо получить результат в определенной цветовой гамме и подогнать дизайн под свой шаблон.
  • Индивидуальный CSS — окно для вводе своих стилей и таблиц для веб мастеров.
  • Лицензия — активация лицензии плагина для возможности автоматических обновлений и получения авторской поддержки.
  • Shortcodes — добавление и настройка собственных шорткодов.

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

Пример использования композера

Теперь построим страницу с использование этого замечательного плагина. Идем в Страницы и добавляем там новую, самую обычную WordPress страничку. Не забудьте отключить комментарии и сайдбар, если он не нужен. Переходим на неё и приступаем к построению.

Первым делом выберите режим работы с композером — Backend Editor или Frontend Editor. Лично я предпочитаю первый, традиционный вариант — редактирование из админки. Вы можете попробовать редактирование прямо с внешней стороны сайта. Тут каждый выбирает сам, что ему удобнее. Жмем Backend Editor и попадаем вот в такое меню.

Visual Composer - стартовый экран редактирования

Добавить новый элемент — Add Element, добавить текстовый блок кликнув на Add Text Block или выбрать внизу уже готовый шаблон для разных типов страниц. Верхняя кнопка меняется на Classic editor для того, что бы вы могли в любой момент переключится к привычному виду.
Add element – переходим к выбору всех основных добавляемых элементов. Наверху есть фильтр для ограничения самых нужных на данный момент.  Расписывать все имеющиеся элементы композера я тут не буду. Достаточно внимательно их рассмотреть, что-бы понять, что тут к чему.  Добавление текстовых блоков, различных кнопок, слайдеров, галерей, вывод постов, карт, разделителей, заголовков, табов, виджетов WP и многое другое. Возможностей у нашего «строителя» более чем достаточно. В любом случае, рекомендую вначале просто поэкспериментировать с размещением блоков и элементов для быстрейшего понимания того, как это работает.

Visual Composer - окно с набором всех элементов

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

Visual Composer - редактирование нового, добавленного ряда

Отдельная кнопка Шаблоны – удобная возможность сохранить созданную нами страницу в качестве шаблона.

Собственно сам процесс построения страницы и заключается в добавлении отдельных элементов и блоков через Add element.  Их редактирования и перемещения по странице. Не забывайте сохранять результаты своего труда.

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

О популярности плагина говорит и тот момент, что сейчас многие разработчики премиум тем  покупают лицензию на плагин и затем встраивают его в свои темы для продажи, не забывая при этом, лишний раз подчеркнуть, что покупаю такую тему, вы еще и экономите на плагине, который сам по себе стоит 30 «американских президентов».

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

Теперь о том — стоит ли плагин своих денег (33$)? Если вы хорошо понимаете — где и как он вам понадобится, то безусловно, стоит. Единственный момент который стоит учитывать — возможно стоит приобрести его уже в составе хорошей премиум темы?

artstroy.net

Обзор плагина для wordpress Visual composer

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

Преимущества конструктора страниц wordpress Visual composer:

  • не требует знаний программирования;
  • больше 45 предопределенных элементов контента;
  • более 200 различных аддонов;
  • интуитивный и понятный интерфейс;
  • переведен на многие языки, в том числе и на русский;
  • полностью адаптивный;
  • дружелюбен к SEO;
  • поддержка Woo Commerce;
  • большое кол-во различный иконок, в том числе и иконок социальных сетей;
  • возможность использование в качестве фона видео и фото;

И это еще не весь список преимуществ этого замечательного плагина.

Плагин Visual composer настройка

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

Основные настройки Visual composer

Включение/отключение адаптивного дизайна-думаю вряд ли кому-то захочется отключить адаптивный дизайн :). Поддержка шрифтов google- включаем или отключаем необходимые шрифты.

Role manager. 

На этой вкладке мы настраиваем разрешения для различных пользователей сайта. Так же советую заглянуть в чекбокс «Типы записей». Он позволяет выбирать, на каких элементах сайта будет включен visual composer. По умолчанию установлено, что плагин работает только на страницах. Если вы хотите использовать плагин не только на страницах, а например еще в записях, портфолио, в описании товаров woocomerce и т.д., то необходимо выбрать значение «Custom» и птичками выбрать нужные элементы.

Дизайн элементов.
Здесь имеется возможность настроить цветовую гамму различных элементов плагина.

Индивидуальный CSS
Это поле предназначено для опытных разработчиков, которые хотят внести свои стили.

На этом настройка visual composer закончена, хотя как видите, у плагина настроек не так уж и много.

pro-wordpress.com

Представляем Вам самый популярный и продвинутый плагин WordPress для создания страниц! Visual Composer – это простой drag-and-drop редактор, который позволяет быстро и легко создавать любые макеты, при этом не требуется знаний в области программирования!

Демо: https://codecanyon.net/item/visual-composer…ordpress/242431

Visual Composer позволяет осуществлять полный контроль над адаптивностью страницы. С данным плагином можно очень просто создавать адаптивный веб-сайт и выполнять проверку, как ваш шаблон (или его отдельные части) ведут себя на разных устройствах. Благодаря встроенным опциям предварительного просмотра, требуется лишь один клик, чтобы проверить, как ваш сайт выглядит на мобильном телефоне или планшете. Таким образом Вы экономите свои деньги на покупку различных устройств и не тратите время на использование отдельных онлайн-инструментов – в Visual Composer все эти опции доступны «из коробки».

Замечали ли Вы, сколько времени и сил уходит на работу с [шорткодами] и программированием шаблона вручную? Больше нет необходимости «колдовать» с шорткодами, используя метод проб и ошибок! Теперь вы можете создать практически любые вещи на страницах Вашего сайта с помощью удобного редактора! Visual Composer включает в себя два интуитивно понятных редактора контента – для frontend и для backend. Можно создавать свой сайт WordPress с помощью backend-редактора или перенести процесс построения страницы во внешний интерфейс для того, чтобы сразу видеть любые изменения.

Visual Composer – плагин-конструктор страниц WordPress с Frontend и Backend редактором.

Visual Composer – бестселлер №1 среди плагинов-конструкторов страниц с drag-and-drop интерфейсом. Данный плагин используют более 1,000,000 веб-сайтов. Присоединяйтесь и начните создавать красивые сайты на WordPress в кратчайшие сроки с минимальными усилиями без использования программирования и [шорткодов].

Вашему веб-разработчику (если такой у Вас имеется) также понравится Visual Composer. Разработчтки плагина предлагают комплексную базу знаний, описывающую собственный API для разработчиков, так что Вы можете расширить функционал Visual Composer. Для тех, кто не желает программировать, Visual Composer предлагает Shortcode Mapper, который позволяет добавлять сторонние шорткоды в набор визуальных элементов контента Visual Composer. С помощью Visual Composer вы можете работать на новых или уже существующих веб-сайтах, так как он распознает существующий контент и интегрируется в любой веб-сайт WordPress. Забудьте о конструкторах страниц с ограниченным функционалом, специально предназначенных для конкретной темы – Visual Composer работает с любой темой WordPress.

WPBakery Page Builder v5.6 NULLED

Z visual-composer-page-builder-for-wordpress-v5.6.zip Размер: 5.05 Mb, скачали 916 раз

prowebber.ru

20 новейших лендингов для Вордпресс 2018 года

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

Не стоит расстраиваться если в ваш шаблон Visual Composer не встроен. Его можно приобрести отдельно и установить на любой WordPress-сайт. Проблем с совместимостью не обнаружено.

Скачать Демо

Так что же такое Visual Composer?

Visual Composer — это визуальный конструктор страниц для WordPress. С его помощью вы можете создавать яркие, динамичные и эффектные страницы банальным перетаскиванием объектов. Причем делать это можно как внутри (в админке), так и снаружи. То есть прямо на страницах вашего сайта. Наблюдая за изменениями в реальном времени.

На самом деле это очень удобно и экономит уйму времени. Особенно, людям не владеющими основами HTML-верстки. Visual Composer все сделает за вас. Совсем недавно казалось, что может быть проще шорткодов WordPress? Оказалось может! С Visual Composer они вам  больше не понадобятся.

А что насчет респонсива?

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

Так выглядит фронтенд с активной панелью элементов Visual Composer.

Visual composer

А так выглядит админка.

Visual composer

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

Сейчас в Visual Composer доступно более сорока предустановленных элементов. Такие как: колонки, кнопки, строки, разделители, табы, аккордеоны, слайдеры, плееры, сетки, заголовки и многое-многое другое. Все элементы сгруппированы в логические группы и доступны для использования буквально в один-два клика. Вкупе с интуитивно-понятным и предсказуемым интерфейсом, создание страниц с Visual Composer превращается из рутины в удовольствие. Кроме всего прочего, используя API конструктора, можно создавать собственные элементы или устанавливать дополнительные.

Например:

  • Ultimate Addons for Visual Composer
  • Visual Composer Extensions
  • Templatera — Template Manager for Visual Composer
  • Visual Composer Extensions All In One
  • Easy Tables — Table Manager for Visual Composer

danilin.biz


You May Also Like

About the Author: admind

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

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

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

Adblock
detector