Вывод виджетов по горизонтали, плагин Responsive Column Widgets

Вступление

Есть такой плагин Responsive Column Widgets, который принципиально меняет вывод виджетов на сайте WordPress. Слово меняет, скорее преувеличение. Будет правильнее сказать, не меняет, а дополняет, создавая вывод виджетов по горизонтали, оставляя вывод виджетов по-умолчанию без изменений. Очень неплохой плагин в серии плагинов для управления виджетами.

Установка плагина Responsive Column Widgets

Плагин Responsive Column Widgets официально тестирован на wp 4.7.10 (09-04-2018). Страница плагина: https://ru.wordpress.org/plugins/responsive-column-widgets/

Для установки плагина выбираем самый простой способ из трех способах установки плагинов: Используем поиск плагина и его установку из панели администрирования сайта на вкладке Плагины→Добавить новый→Поле поиска.

Вывод виджетов по горизонтали

Перед установкой можно посетить вкладку «Детали» и почитать описание плагина. Установленный плагин нужно активировать и можно переходить к его настройкам.

responsive-Column-widget-2

responsive-Column-widget-3

Настаиваем вывод виджетов по горизонтали

Все настройки плагина Responsive Column Widgets лежат на вкладке Внешний вид→Responsive Column Widgets, куда мы и заходим.

responsive-Column-widget-4

responsive-Column-widget-5

В меню настроек три рабочие вкладки: Edit, Manage, General.

responsive-Column-widget-27 responsive-Column-widget-26

В бесплатной версии плагина можно создать только один бокс с виджетами. Название его задано: Responsive Column Widgets.

Посмотреть название и атрибуты бокса можно на вкладке: Manage.

responsive-Column-widget-6

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

Плагин Responsive Column Widgets, осуществляет вывод виджетов по горизонтали в любом месте сайта. В этой статье посмотрим, как настроить и как работает плагин Responsive Column Widgets.

Здесь же, в низу страницы General есть очистка кеша плагина. Ей нужно пользоваться при смене настроек плагина и смене его наполнения виджетами.

responsive-Column-widget-13

responsive-Column-widget-14

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

Виджет бокс Responsive Column Widgets

Правила действий следующие:

  • Сначала добавляем виджет Responsive Column Widgets в Select Sidebar. Тем самым в полях сайдбаров появляется новое поле бокса Responsive Column Widgets.
  • Наполняем Responsive Column Widgets виджетами.
  • Добавляем наполненный виджет Responsive Column Widgets в другие сайдбары темы.

Обо всем по порядку.

Идем на вкладку Внешний вид→Виджеты. Видим, что в наборе виджетов появился новый виджет Responsive Column Widgets. Добавляем виджет Responsive Column Widgets в виде нового сайдбара. Поле «Select Sidebar»→Кнопка «Добавить».

responsive-Column-widget-18

Теперь в полях сайдбаров появилось новое поле: Responsive Column Widgets.

Но на сайте этот бокс показывает, что он пустой. Русское пояснение вписывается на вкладке Editor.

responsive-Column-widget-16

Теперь у каждого виджета появилось новое поле для добавления. Название его Responsive Column Widgets. По мере добавления виджетов в Responsive Column Widgets будет увеличиваться количество позиций для виджетов. Эти позиции будут формировать количество колонок для показа.

Важно. Нельзя добавлять виджет Responsive Column Widgets в уже созданный бокс Responsive Column Widgets.

responsive-Column-widget-19

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

Продолжаем настройки Responsive Column Widgets, вкладка Editor

На вкладке Editor плагина Responsive Column Widgets, можно настроить количество колонок, задать, где показывать колонки, а где не показывать, задать ID постов и страниц, на которых исключить показ колонок.

responsive-Column-widget-7

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

responsive-Column-widget-8

responsive-Column-widget-9

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

responsive-Column-widget-10
вывод виджетов по горизонтали

responsive-Column-widget-12

Можно задать пользовательские классы CSS.

responsive-Column-widget-11

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

Итоги статьи

После установки и настройки плагина, можно создавать и размещать колонки виджетов на сайте. Для этого (повторюсь):

  • Сначала создаем виджет бокс Responsive Column Widgets.
  • Потом наполняем этот бокс виджетами.

responsive-Column-widget-20

responsive-Column-widget-21

responsive-Column-widget-22

  • Затем, виджет бокс Responsive Column Widgets, уже наполненный колонками с виджетами, размещаем по сайдбарам сайта.

responsive-Column-widget-23

  • Для показа колонок в статьях и на страницах сайта включаем автоматическую загрузку плагина и настройки на вкладке Editor настроек плагина.
  • Там же настраиваем фильтр, где показывать, а где не показывать колонки Responsive Column Widgets.

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

responsive-Column-widget-24

responsive-Column-widget-25

©www.wordpress-abc.ru

Другие статьи раздела: Плагины

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

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

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