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

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

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

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

Fun with Sidebar Tabs

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

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

SidebarTabs

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

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

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

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

Понравилась статья? Подпишись на RSS, ленту блога в Twitter, или получай обновления на электронную почту:

Tweet