Табы для wordpress

Табы для wordpress

Табы для wordpress – это привлекательная и очень полезная фишка для блога, которой я пользуюсь сам и рекомендую вам. Если интересно, присоединяйтесь к теме поста - табы для wordpress. Давайте разберемся: 

Что такое табы для wordpress

Табы для wordpress (вкладки) это созданные web-мастером вкладки, в которых выводится нужная и полезная информация.

Эту фишку я узрел на одном известном блоге и она меня завлекла. Почему бы и нет, подумал я. Есть желание и есть возможности, все в наших руках. Вот, теперь она в работе блога и находится наверху моего сайдбара (есть желание проверить, жмите).

Почему я воспользовался табами для wordpress?

  • Во-первых, потому что они клЁвые, смотрятся оригинально, практичны и мне они очень нравятся.
  • Во-вторых, и это главное, они экономят много места. С помощью табов для wordpress можно убрать (спрятать) лишние виджеты из сайдбара. То есть создать в одном виджете (месте) нужные вами вкладки.

Хочу сразу расставить все точки над i, есть разные табы (захотите узнать подробнее, все в инете – это тема будущих постов). У нас же пойдет разговор о табах для wordpress, а они бывают в разном исполнении, в слайдере, постах, в сайдбаре. Мы сегодня поговорим о плагине, который создает виджет в сайдбаре. К другим плагинам, которые выполняют такие же функции, мы вернемся немного позже в других постах.

После поисков и путем проб нужного плагина табов для wordpress, я остановился на самом простом и наиболее практичном плагине sidebarTabs. Давайте рассмотрим его установку и настройку.

Установка и настройка плагина sidebarTabs

Установка плагина sidebarTabs до боли проста и устанавливается очень просто, как и большинство плагинов WordPress. Заострять особое внимание на этом не стоит.

Для начала скачиваем плагин вот отсюда или выбираем по названию при установке нового плагина через админ-панель. Если вы новичок и не знаете, как все это происходит, прочитайте вот эту небольшую инструкцию. После установки и активации, переходим в админ-панель ->> Параметры ->> sidebarTabs, вот здесь и будем проводить колдовство в настройках плагина.

Сразу замечу, что плагин sidebarTabs не русифицирован, но если вы пользуетесь Гугл Хромом, Cool Novo или подобными браузерами, то у вас с переводом не будет проблем. Я же, в свою очередь, постараюсь более доходчиво объяснить на словах и показать на картинках о настройке этого плагина.

Вот меня бесит, когда комар прилетает и жужжит над тобой. Пришёл жрать - жри молча!

И так:

Напоминаю еще раз. Заходим в настройки плагина, через админ-панель ->> Параметры ->> sidebarTabs. Откроется окно в котором нажимаем на  «Create New sidebarTab», где будут создаваться поочередно все вкладки (табы) этого виджета:

табы для wordpress

Первая строчка в настройках  «Tab Number» означает количество и номер ордера в виджете. При настройке виджета в сайдбаре это нужно будет учесть.

Вторая строчка «Widget:», вот она и будет главной в настройке при выборе вашей вкладки. Нажимаете на выпадающий список виджетов, выбираете тот, который желаете установить.

В третей строчке «Tab name:» даем название выбранной вкладки.

Остальные строчки остаются по умолчанию.

В строчке «Icon:» можете выбрать иконку (картинку) для вашей вкладки, она будет отображаться, если вы в настройках виджета выберете кнопки - иконками, а не текстом.

И все наши действия при создании вкладки фиксируем, нажав на «Save»»

 табы для wordpress фото

И так, вы создали вкладку. Таким образом можно создавать несколько вкладок (табов) и даже несколько виджетов, если все вкладки не вмещаются в один виджет. Думаю, понятно?

Следующим шагом является настройка кнопки таба (вкладки)

На главной странице плагина sidebarTabs нажимаем на вторую вкладку «sidebarTabs Options», где в открывшемся окне нужно выбрать форму и создать цвет кнопки таба под шаблон своего блога. Созданные табы будут отображаться внизу настроек. Надеюсь, вы справитесь сами, это не сложно.

Табы для wordpress фото

Теперь переходим непосредственно к выводу табов в виджет сайдбара

Открываем виджеты и находим вновь созданный «sidebarTabs». Перетаскиваем виджет в сайдбар. Приступаем к настройке виджета:

Табы для wordpress фото

В поле «Title:» можете дать название своему блоку, если не хотите этого делать, тогда поставьте галочку в Exclude Title: и название отображаться не будет.

И наконец, в поле «Orders sidebarTabs» выставляем номера ордеров через запятую и без пробелов.

В каком порядке будут выставлены номера ордеров, в таком порядке и будут отображаться табы/вкладки. Если не ставить никаких цифр, тогда отображение табов будет в том порядке, в котором его создали.

Дальше в настройках выставляете положение табов – горизонтальное/вертикальное, на ваш выбор.

В схеме настроек выбираете отображение табов с иконками или просто название вкладки, а так же можете выбрать скролл. Выбор эффекта - на усмотрение.

В поле «Display in Sidebar:» - показать в боковой панели, ставим отметку «Да»

Вот и все, настройки сделаны осталось посмотреть на свое творение:

 Табы для wordpress фото

На этом сегодня все. Надеюсь, табы для wordpress сыграют полезную роль в юзабилити вашего ресурса. Будут вопросы, задавайте в комментариях. И не забудьте подписаться на свежие новости блога. Всем пока, пока.

С Уважением, Геннадий Ольховский

Рекомендую статьи по теме:

Устали? Отдохните и сыграйте - ПОЙМАТЬ КОШКУ.
Не получилось поймать? Не беда - начните сначала!

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" bgcolor="#E6E5E5">

Поиграл сам? Расскажи своим друзьям!


9 комментариев: Табы для wordpress

Страница 1 из 11
  • Константин Латышев:

    Спасибо Геннадий! Очень нужная тема! И очень хорошо показали. Иной раз приходится думать где и что брать, а Вы расписали конкретно!

    [Ответить]

  • Геннадий Ольховский:

    Спасибо и Вам! Конечно можно было бы и более подробно описать, но увы… вечно куда-то тороплюсь(шутка)smileЯ думаю, главное есть, куда и что устанавливать, а остальное, нужно проявить немного смекалки и фантазии.

    [Ответить]

  • Dick Bradley:

    Любопытная статья, возьму себе на заметку.

    [Ответить]

  • Алла:

    Ух, поставила Спасибо. Жаль коротко описали, пришлось покрутить-повертеть…и все равно не получается он у меня как у вас, слегка закругленным, только кнопки. В общем страшненький получился)

    [Ответить]

    Геннадий Ольховский Reply:

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

    [Ответить]

  • Елена Контиевская:

    Ничего у меня не получилось по твоей «инструкции», Гена. Я бы по другому преподнесла эту тему…другими словами всё описала. А как у тебя-так ничего не понятно. Хотя я вроде бы умом не обижена. *sorry* И куда ты свои смайлы большие подевал?…

    [Ответить]

    Геннадий Ольховский Reply:

    Леночка, ну ты даешь. Я его делал, уууу… даже и не помню когда, а прочитал и все сразу припомнилось. Просто нужно желание и все получиться. Если что я помогу. Скажи, что не понятно? *yes*

    [Ответить]

  • Елена Метелева:

    Геннадий, я так понимаю, Вы уже от этого плагина отказались? Не нашла в сайдбаре чего-то похожего… Вообще удобная штука табы, в шаблонах, которыми я пользуюсь, они шорткодами вставляются, без плагинов. Но как-то не очень я к ним привыкла))

    [Ответить]

    Геннадий Ольховский Reply:

    Елена, табы — это отличная штука! Компактная фишка, которая вмещает в себя много функций. Но к сожаления я через много месяцев её убрал, ради ускорения блога… да и через табы просматривались внешние ссылки. sad laugh

    [Ответить]

Страница 1 из 11

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

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

ПОИСК ПО РУНЕТУ

РЕКЛАМНОЕ МЕСТО

РЕКЛАМА — двигатель прогресса

СОЦИАЛЬНАЯ КАРУСЕЛЬ

Загрузка карусели...

ОБРАТИТЕ ВНИМАНИЕ!

GOOGLE+


ПОДПИСКА НА RSS

Введите Ваш e-mail:

Подписка на мой RSS канал