Вкладки для виджетов в боковой панели

26 августа 2010
1 695

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

Есть и другие решения проблемы. Самое распространённое - использовать шаблон с двумя боковыми панелями, иной раз даже находящихся с одной стороны. Другой вариант - располагать некоторые виджеты в "подвале" сайта, то есть в самом низу, под статьями. И, наконец, размещение пары узких виджетов рядом в одной панели - это уже не каждому подойдёт.

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

Fun with Sidebar Tabs

Сначала я использовал простой и эффективный плагин Fun with Sidebar Tabs. После стандартной установки идём сразу в категорию "Виджеты" раздела "Дизайн" - своей страницы настроек плагин не создаёт. Внизу страницы под надписью Tabbed Sidebars можно настроить сколько нам нужно виджетов со вкладками. Сам виджет уже появился в блоке "Доступные виджеты" и называется "Tabbed Sidebar 1". Перетаскиваем его на боковую панель и можем понастраивать CSS. Чтобы добавить в этот виджет вкладки с нужными нам виджетами, их надо перетащить в блок "Tabbed Sidebar 1", что находится в нижней части боковой панели. Всё. Выглядит неплохо, немного настраивается, прост в управлении.

fun with sidebartabstabbed sidebars

А отказался я от него, потому что на моём блоге он упорно отказывался создавать более одного виджета с вкладками. Они просто начинали отображаться с ошибками. может это потому что, по заявлению автора, он не поддерживает плагин для версий WordPress позже 2.7.

SidebarTabs

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

На настройке надо остановиться подробней. Почти все настройки, включая создание нового виджета со вкладками и добавление в них других виджетов делается на появившейся в "Настройках" странице "sidebarTabs". Кнопка "Create New sidebarTab" создаёт новую вкладку (пока она даже не привязана к виджету). Виджет в неё добавляется с помощью ссылки "Edit", находящейся в самой правой колонке. Чтобы привязать настроенную вкладку к виджету, запоминаем её номер из колонки "Order" и идём в пункт "Виджеты" категории "Дизайн". Перетаскиваем виджет "sidebarTabs" на боковую панель (делать это можно сколько угодно раз, создавая всё новые виджеты для вкладок) и заносим номера нужных нам виджетов в поле "Orders sidebarTabs:" через запятую.

sidebarTab manager

sidebarTabs widget

Чтобы подробно настроить работу плагина, переходим по ссылке "sidebarTabs Options". Тут сами разберётесь. Обращаю лишь ваше внимание, если хотите прозрачный фон или цвет текста выбирайте "no color", а размер шрифта в названиях вкладок (пригодится при подгоне вкладок под свой сайдбар) регулируется в поле "Font Size of Tabs".

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

Related Posts Plugin for WordPress, Blogger...
Рубрики: Wordpress плагины

7 комментариев к записи “Вкладки для виджетов в боковой панели”

  1. Артем

    Здравствуйте,
    Вы можете помочь с настройкой плагина.
    вот тема: http://mywordpress.ru/support/viewtopic.php?id=28764

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Думаю, смог бы, но работаю не бесплатно:)

    [Ответить]

  2. Надежда

    Всё понятно! Но почему вкладки не активны на сайте?
    Делала по-разному, и с иконками и без - они не активны, не раскрывают ни рубрик, ни комментарий... ПОЧЕМУ?

    [Ответить]

  3. Сергей

    Поставил, настроил, всё, как Вы написали, всё работает, но дает большую нагрузку на сайт. Страницы стали загружаться в 1, 7 раза медленней. Пришлось отказаться.
    А жаль. Вещь хорошая.

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Да, а у меня и без них блог медленновато грузится. Можно ещё вкладки на CSS попробовать сделать или со скриптом, но без плагина, чем я и собираюсь заняться.

    [Ответить]

  4. Дмитрий

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

    [Ответить]

    deSiter (мой Twitter:  deSiter)

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

    [Ответить]

Комментируйте - автору важно ваше мнение!

Дополнительно: