Как сделать панель вкладок в сайдбаре WordPress
Всем привет! Собираюсь менять шаблон, но как-то привык я к прежнему и стараюсь какие-то удобные штучки перенести в новую тему. Сегодня я расскажу, как сделать панель вкладок WordPress в сайдбаре.
Думаю, с данной панелью блог будет выглядеть еще лучше. Кому непонятно что я имею в виду, вот пример на моем блоге ( здесь сделано при помощи кода, вскоре расскажу, как сделать и так, следите в рубрике Хаки):
Вот про эти 3 кнопочки и пойдет речь.
Делать панель с вкладками мы будем с помощью плагина SidebarTabs. У него множество аналогов, вот: Tabber Tabs Widget, Fun with Sidebar Tabs, Tabbed Widgets и тд.
Давайте приступим.
Как сделать панель с вкладками в сайдбаре WordPress
В принципе, с данным плагином мы делаем сразу несколько дел, а именно: улучшаем внешний вид сайдбара, делаем виджеты удобнее и компактнее.
1. Скачиваем плагин SidebarTabs здесь и устанавливаем. Если затрудняетесь с установкой плагинов, то советую почитать, как устанавливать плагины на WordPress.
2. Теперь надо настроить плагин SidebarTabs, а именно: надо создать каждую вкладку отдельно ( если судить по картинке выше, то 3 вкладки). Для этого идем из админки WordPress в Параметры -> sidebarTabs.
3. Теперь нажимаем на кнопку «Create New sidebarTab», что создает новую вкладку.
Первая строка «Tab Number» означает количество вкладок.
Вторая, которую сейчас мы и будем настраивать.
Выбираем строчку «Widget» из выпадающего списка выбираем нужный виджет для этой вкладки. В строчке «Tab name» даем выводимое название.
4. Стоит отметить, что можно добавить изображения для каждой вкладки, а если постараться, то можно сделать, копию, как на первом скриншоте.
5. После того, как отредактировали все нажимайте кнопку Save.
6. Теперь создаем еще вкладку, например Архивы, для этого повторяем шаги 3, 4 и 5.
7. В настройках плагина запоминаем порядок вкладок ( Order):
Эти цифры надо запомнить.
8. Переходим во вкладку Внешний вид -> Виджеты. Находим виджет с названием плагина «Orders sidebarTabs» и перетаскиваем его. Удаляем Title и ставим галочку напротив «Exclude Title» для того, чтобы не появлялось название. Если же хотите дать название, данным вкладкам, то пропишите в title, а галочку не ставьте.
В поле «Orders sidebarTabs» прописываем те цифры, которые запоминали через запятую, без пробелов:
9. Вот результат:
Примитивно, но можно доработать и получить более симпотичнее.
На этом, все. Пока! Подпишитесь на новости, получая статьи на почту.
Похожие записи:
- Таблицы wordpress, плагин wordpress таблиц
- Комментарии wordpress различные стильные формы комментариев wordpress
- Лучшие плагины кэширования WordPress сайта, настройка W3 Total Cache
- Мобильная версия сайта с плагином WPTouch
- Постраничная навигация в WordPress, WP Page Numbers плагин нумерации страниц
Похожие записи:
- Как создать QR код на WordPress блоге, QR Code — плагин для создания QR кода
- Вывод похожих записей в WordPress с картинкой с помощью плагина Related Posts Thumbnails
- Плагины социальных сетей для WordPress: комментарии, кнопки и др.
- Таблицы wordpress, плагин wordpress таблиц
- Как установить аватар для комментариев в WordPress.
Добавить комментарий