Плагин sidebarTabs для создания вкладок в сайдбаре

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

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

Сделать такие вкладки можно с помощью плагина sidebarTabs. После установки плагина производится его настройка в 2 этапа.

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

Для него доступны следующие настройки:

  • Title — заголовок в сайдбаре;
  • Exclude Title — отключить заголовок;
  • Orders sidebarTabs — порядок вывода вкладок (по умолчанию они выводятся в том порядке, в котором они были добавлены, но можно поменять порядок, перечислив через запятую, например, так: 3,2,1);
  • Layout of Instance — размещение вкладок: по горизонтальное (по умолчанию), или по вертикали;
  • Layout of Horizontal Tabs — вид размещения по горизонтали; доступны варианты: фиксированное без значков (по умолчанию), фиксированное со значками, прокручиваемое без значков, прокручиваемое со значками;
  • Effect (Only vertical instances) — эффекты для горизонтальных вкладок;
  • Display in Sidebar — отображать виджет в боковой колонке.

tabs2Далее нам нужно настроить виджеты, которые будут отображаться во вкладках. Сначала переместите нужные элементы из области «Доступные виджеты» в область «Неактивные виджеты». В этой области вы сможете их настроить, например, указать нужно количество записей для отображения и т.п.

tabs3Затем переходим в меню Настройки — sidebarTabs. Для добавления новой вкладки нажимаем Create New sidebarTab. В появившемся интерфейсе, по большому счету, достаточно выбрать виджет для отображения из списка Widget и затем нажать кнопку Save. Новый элемент будет добавлен. Все добавляемые таким образом табы будут отображаться на сайте в том месте, где вы поместили sidebarTabs.

tabs4

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