Учебники

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Visual Composer стал одним из самых продаваемых плагинов для построения страниц для WordPress. С момента выпуска в мае 2011 года плагин приобрел более 150 000+ клиентов (и это не считая сотен тысяч пользователей, получивших копию в комплекте с темой), более 200 надстроек и расширений и сотни положительных отзывов от паутина.

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

Познакомьтесь с визуальным композитором


Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Если вы не знакомы, Visual Composer – это плагин для перетаскивания страниц для WordPress. Этот удобный плагин для денди берет на себя трудную часть создания нестандартных постов и страниц WordPress. Знания в области программирования не требуются. Просто установите плагин, и вы можете приступить к работе над созданием своих сообщений и страниц. Он также совместим с большинством бесплатных тем и многими премиальными темами, а также полностью совместим с популярными плагинами, такими как Contact Form 7, Slider Revolution и многими другими (о которых мы поговорим позже).

Установка Visual Composer

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

Вариант 1: приобретите собственную копию для использования на своем сайте WordPress

Первый способ получить копию Visual Composer – купить плагин для себя. Просто зайдите на CodeCanyon, добавьте копию Visual Composer в свою корзину (мы рекомендуем добавить дополнительную поддержку, чтобы в вашем распоряжении был полный год поддержки со стороны автора плагина) и завершите покупку.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Затем перейдите на свою страницу загрузок. Нажмите зеленую кнопку «Загрузить» рядом с только что приобретенным плагином Visual Composer и выберите «Только устанавливаемый файл WordPress».

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Теперь войдите в свою панель управления WordPress и перейдите в раздел Плагины> Добавить новый. Нажмите кнопку «Загрузить плагин» в верхней части экрана.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Выберите ZIP-файл Visual Composer, который вы загрузили с CodeCanyon. Затем просто нажмите, чтобы установить и активировать плагин.

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Вариант 2: Visual Composer был включен в вашу тему WordPress

Если вы приобрели тему с включенным Visual Composer, установка будет другой, и она также может отличаться в зависимости от автора. Мы покажем вам, как установить плагин, если вы используете тему WPExplorer, например Total (и она должна быть очень похожа на большинство других премиальных тем).

Сначала вам нужно будет загрузить и установить тему WordPress. Если вы приобрели свою тему в Themeforest, это тот же процесс, что и при загрузке Visual Composer. Войдите в свою учетную запись Themeforest и перейдите на страницу загрузок. Затем найдите свою тему, нажмите кнопку загрузки и выберите только устанавливаемый файл WordPress.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Затем войдите в свою установку WordPress и нажмите «Внешний вид»> «Темы»> «Добавить». Затем нажмите на опцию «Загрузить тему» вверху страницы. Вам нужно будет открыть загруженный zip-файл, чтобы найти устанавливаемый файл WordPress. Это связано с тем, что в тему Total включены дополнительные функции, такие как плагины премиум-класса, образцы данных и файлы PSD.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Это все, что вам нужно сделать! Нет необходимости активировать Visual Composer через Envato. Поскольку вы приобрели тему вместо своей собственной копии плагина, у вас нет лицензионного кода для проверки, и у вас не будет доступа к обновлениям плагина, пока они не будут предоставлены вам автором темы.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Начало работы с конструктором страниц Visual Composer

Теперь, когда у вас установлен Visual Composer, пора приступить к настройкам вашего плагина. На панели управления WordPress теперь вы должны увидеть опцию Visual Composer. Щелкните по нему, чтобы открыть страницу настроек.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Если ваш веб-сайт использует несколько пользовательских ролей, вам наверняка пригодится Visual Composer Role Manager. Эта страница настроек позволяет ограничить доступ пользователей к различным функциям Visual Composer в зависимости от роли. Таким образом, вы можете разрешить администраторам доступ ко всем функциям, ограничив редакторов только страницами блога, а участников – вообще ничего.

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

Элементы конструктора страниц


Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Visual Composer поставляется с 34 стандартными элементами компоновщика страниц для многих функций, которые вы хотите добавить на свои страницы (снимок экрана выше показывает их все, а также элемент Contact Form 7, о котором мы поговорим позже). Многие элементы включают дополнительные параметры для цветов, границ, отступов, полей, настраиваемого CSS, анимации и многого другого. Вот краткое изложение того, что включено:

  • Строки – это страницы ваших страниц. Вы будете использовать элемент row для создания столбцов и для вставки всех остальных элементов страницы.
  • Текстовые блоки – это именно то, на что они похожи – блоки текста. используя стандартный редактор WordPress WYSIWYG, вы можете добавлять и форматировать текст с помощью этого модуля.
  • Значки включают значки шрифтов из следующих библиотек значков: FontAwesome, Open Iconic, Typicons, Entypo, Linecons и Mono Social.
  • Разделитель и разделитель с текстом – это способы создания разрывов строк (или текста) между разделами, которые вы создаете на своих страницах.
  • Окна сообщений отлично подходят для добавления заметок, предупреждений или других сообщений в коробках.
  • Facebook, Tweet, Google+ и Pinterest – это простые кнопки для публикации в социальных сетях, которые вы можете добавить, чтобы пользователи могли поделиться страницей, которую вы создаете.
  • Часто задаваемые вопросы – это переключатели, которые можно использовать для добавления скрытого контента, который пользователи могут показывать при чтении вашей страницы.
  • Одно изображение – это всего лишь простое изображение с добавлением опции для изменения размера, анимации, ссылки и многое другое.
  • Вкладки, туры и гармошки похожи на часто задаваемые вопросы тем, что содержат скрытый или сворачиваемый контент, но с открытым первым разделом.
  • Выгружаемой Контейнер представляет собой основное содержание слайдера (но вы можете вставить только о каком – либо странице строителе элемента в каждый контейнер «страница»).
  • Настраиваемые заголовки позволяют легко добавлять собственные заголовки в разделы, используя настраиваемые шрифты, размеры, цвета и многое другое.
  • Кнопки позволяют добавлять ссылки на другие страницы или внешние веб-сайты.
  • Призыв к действию является выноской окна с дополнительной кнопкой, которая улавливает внимание пользователей и позволяет добавлять немного убеждая содержание.
  • Widgetised Боковая панель позволяет вставлять свой собственный пользовательский боковой панели в любом месте на странице.
  • Video Player позволяет легко вставлять различные видео форматы, поддерживаемые WordPress.
  • Карты Google – еще один простой вариант – просто вставьте код карты Google, чтобы вставить карту на свою страницу.
  • Полосы прогресса, круговые диаграммы, круглые диаграммы и линейные диаграммы – все это способы построения графиков или отображения данных или навыков.
  • Пустое пространство упрощает добавление вертикального разрыва между элементами.
  • Post, Media, Post Masonry и Media Masonry Grids – все это настраиваемые сетки, которые вы можете добавлять на страницы (с возможностью смешивать и сопоставлять типы записей или мультимедиа).

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Расширения Visual Composer

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Первый способ расширить ваш Visual Composer – использовать вашу тему. Отличным примером является наша тема Total WordPress, которая включает 39 добавленных элементов компоновщика страниц. Они включены исключительно в Total для работы с его функциями, поэтому у вас должна быть установлена ​​и активна тема, чтобы использовать их. Total включает в себя расширения для пользовательских типов сообщений (отзывы, сотрудники, портфолио), пользовательские галереи, простые ползунки, социальные сети и многое другое. Это упрощает добавление нужного контента в нужное место.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Если ваша тема не включает никаких расширений, вы можете установить сторонние расширения Visual Composer. Они могут варьироваться от бесплатных до 55 долларов и доступны у разных авторов на CodeCanyon и в Интернете. Если вы хотите добавить несколько дополнительных функций, таких как таблицы цен и социальные сети, тогда вам подойдет бесплатный плагин Symple Shortcodes (в конце концов, мы создали его здесь, в WPExplorer). Если вы хотите добавить кучу дополнительных опций, вам может подойти плагин премиум-класса, такой как Ultimate Add-on. Есть буквально сотни вариантов – вы можете увидеть полный список совместимых надстроек на WPBakery.

Как бы то ни было, вы решили расширить свой Visual Composer, мы не рекомендуем использовать все расширения тем и плагинов одновременно. Больше не всегда лучше, особенно в этом случае. Это не только создаст много дублирования и дублирования параметров, но и значительно замедлит работу вашего сайта (тонна кода входит в каждый элемент конструктора страниц). Так что выберите расширение, которое вам больше всего подходит, и придерживайтесь его.

Backend и Frontend Редактирование

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Бэкэнд-редактор Visual Composer

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

Бэкэнд-редактор довольно прост в использовании. Просто нажмите синюю кнопку для Backend Editor, чтобы включить Visual Composer для страницы или публикации, которую вы редактируете.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Затем нажмите бирюзовую кнопку, чтобы Добавить элементы .

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Отсюда вы можете начать вставлять любые элементы страницы, какие захотите!

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Редактор внешнего интерфейса Visual Composer

Интерфейсный редактор предлагает гораздо лучшее представление о том, как будет выглядеть ваша конечная страница, поскольку это, по сути, визуальный редактор в реальном времени. Он позволяет вставлять все те же элементы компоновщика страниц, что и бэкэнд-редактор, с дополнительным преимуществом, заключающимся в возможности фактически видеть их, а не модуль. Вы можете увидеть, насколько большим на самом деле выглядит изображение в 300 пикселей, или действительно ли появляется фиолетовая кнопка с шестнадцатеричным значением # 6e2f93.

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

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

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Параметры строки Visual Composer

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

  • Первый значок строки – это то место, где вы можете щелкнуть, чтобы перетащить строку в новое положение на странице.
  • Карандаш значок открывает возможности для настройки строк. Они могут отличаться в зависимости от вашей темы. В теме Total вы увидите параметры для локального идентификатора прокрутки, растяжения строки (для строк полной ширины), строки полной высоты, минимальной высоты, видимости на мобильных устройствах, центрированного содержимого, столбцов одинаковой высоты, анимации, типографики, максимальной ширины, интервала между столбцами, фоновое видео или параллакс и параметры дизайна (поля, граница, отступы, цвет фона / изображение).
  • Столбцы определяют количество столбцов в вашей строке. Есть варианты по умолчанию для 6 столбцов, но вы также можете определить свой собственный макет столбцов, если хотите.
  • Плюс добавляет новую строку под той, которую вы редактируете.
  • Значок «Дублировать» будет клонировать текущую строку и все ее содержимое (также как и все элементы, которые вы вставили в строку). Это замечательно, если вы хотите повторно использовать макет строки несколько раз на одной странице.
  • Корзина – это просто удаление всей строки и ее содержимого.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Параметры столбца Visual Composer

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

  • Первый значок столбца такой же, как и строки – щелкните по нему, чтобы перетащить и переставить столбцы в своей строке.
  • Карандаш является общими настройками столбцов. Как и в случае со строками, параметры столбца могут различаться в зависимости от используемой темы. В Total доступны следующие параметры: видимость на мобильных устройствах, анимация, типографика, минимальная высота, параметры дизайна (поля, граница, отступы, фон) и настройки скорости отклика (настраиваемое смещение, ширина или скрытые параметры в зависимости от устройства).
  • Для столбцов значок «Плюс» добавит элемент в верхнюю часть столбца, над любым другим уже вставленным элементом.
  • Опять же, значок корзины предназначен для удаления всего столбца и его содержимого. После удаления столбца оставшиеся столбцы сохранят свои размеры (если вы удалите 1 из 3 столбцов, оставшиеся 2 столбца все равно будут иметь размер 1/3), поэтому не забудьте изменить ширину столбцов после удаления.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Параметры элемента страницы Visual Composer

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

  • Карандаш Значок будет открыть настройки (которые описаны ниже).
  • Значок «Дубликат» клонирует ваш элемент страницы точно в том виде, в котором он у вас есть (настройки и все).
  • Наконец, Корзина удалит только ваш элемент компоновщика страниц. из строки или столбца, в который вы его вставили, оставив все остальные элементы нетронутыми.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Общие параметры элемента страницы

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

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Варианты дизайна элемента страницы

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

Конечно, в зависимости от модуля, который вы вставляете, элемент вашей страницы может иметь гораздо больше вкладок. Например, в сетке сообщений Visual Composer были добавлены вкладки параметров для параметров данных и дизайна элементов. И если вы используете настраиваемые элементы страницы через расширение, такое как Total Staff Grid, может быть даже больше встроенных опций (таких как параметры запроса, пользовательская обрезка изображения, мета, социальные ссылки, выдержки и т.д.) В зависимости от того, какое расширение автор включил.

Примечание. Вы можете ознакомиться с полным списком элементов в нашем Руководстве по модулям Total Builder. Однако лучший способ узнать, что делает каждый модуль, – это поиграть с Visual Composer. Создайте тестовую страницу и потренируйтесь вставлять и редактировать элементы. Вы быстро освоитесь и будете создавать страницы как профессионал!

Популярные совместимые плагины

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

WooCommerce: если вы хотите создать магазин на WordPress, тогда WooCommerce -вашвыбор. Этот плагин не только бесплатный и полон потрясающих функций, но и полностью совместим с Visual Composer. После установки и активации WooCommerce не только добавит свои собственные настройки и параметры, но также добавит 17 новых элементов конструктора страниц, с которыми вы можете поиграть.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Slider Revolution: слайдеры – отличный способ добавить привлекающий внимание и упакованный контент раздел на любую страницу, а Slider Revolution – идеальный плагин для этого. С помощью этого плагина вы можете перетаскивать элементы, такие как текст, кнопки, изображения и даже видео, с добавленной анимацией и эффектами для создания впечатляющих слайдеров. Посмотрите его в действии на многих наших демонстрациях Total!

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

LayerSlider: Еще один отличный вариант для слайдеров – плагин LayerSlider. Это так же круто, как Slider Revolution, но с немного другим интерфейсом и опциями. Он даже включает в себя настраиваемый конструктор переходов, чтобы вы могли создавать уникальные анимации. Это также один из двух слайдеров премиум-класса в комплекте с нашей темой Total WordPress, так что вы знаете, что это очень здорово.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Polylang: если вы не хотите инвестировать в WPML, Polylang – отличный бесплатный вариант, полностью совместимый с Visual Composer (это один из бесплатных плагинов, которые мы рекомендуем сделать ваш сайт WordPress многоязычным ).

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Yoast SEO: Yoast позволяет любому пользователю легко улучшить локальное SEO. Есть много важных функций SEO, включая карты сайта, метаописания, хлебные крошки и многое другое. Лучше всего то, что Yoast SEO отлично сочетается с Visual Composer, поэтому вы можете беспокоиться о создании лучших страниц вместо исследования SEO.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

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

И мы уверены, что есть еще много замечательных совместимых плагинов! Если вы сомневаетесь в совместимости нового плагина с Visual Composer, просто свяжитесь с автором вашего нового плагина и спросите.

Расширенные параметры для Visual Composer

Для более продвинутых пользователей в Visual Composer есть пара дополнительных опций, которые вы можете использовать для добавления пользовательских шорткодов в свой конструктор страниц и для создания пользовательских медиа-сеток.

Ultimate Visual Composer Drag & Drop Руководство по построению страниц для WordPress

Во-первых, это Shortcode Mapper. Этот параметр находится в настройках Visual Composer и может использоваться для сопоставления ваших собственных пользовательских шорткодов с Visual Composer. Это замечательно, если у вас есть любимый шорткод (например, для таблицы цен), который по умолчанию не включен в Visual Composer.

Второй расширенный вариант – это встроенный Grid Builder. С помощью этих функций вы можете создавать настраиваемые сетки (аналогичные сеткам для мультимедиа и публикаций) со своими собственными макетами для вашего контента. Например, вы можете создать настраиваемую сетку сообщений в блоге с круглыми изображениями, имя автора сообщения, выделенное жирным шрифтом, настраиваемую длину отрывка, кнопку «Читать дальше» и вторую кнопку со ссылкой на рекомендованный продукт. Уловили идею? Вы можете создать любой макет сетки с множеством вариантов элементов, цветов, полей, границ и многого другого.

Заключение

С WordPress и Visual Composer вы можете сделать множество вещей. Если вы хотите увидеть конструктор страниц в действии, просто взгляните на любую из наших демонстраций тем Total, где мы пытались продемонстрировать разнообразие стилей и макетов, которые можно создать с помощью Visual Composer.

А если мы что-то упустили,  просто спросите нас. Мы будем рады рассказать вам все, что вы хотите знать о Visual Composer и о том, как он работает –  оставьте комментарий ниже. Спасибо за прочтение!

Источник записи: https://www.wpexplorer.com

Похожие сообщения
Учебники

11 лучших видео WordPress для начинающих с 6 потрясающих сайтов

Учебники

Как установить и настроить кеширование WordPress с помощью WP Super Cache

Учебники

Руководство для начинающих по пониманию внутренних функций WordPress

Учебники

Как отправлять клиентские счета через WordPress