Зарабатывай со мной
Profit Partner – Есть хороший сайт, тогда добавляй его сюда быстрей
Nolix – Рекламная строчка, которая может приносить хороший доход
Ротабан – Размещай баннеры у себя на сайте и зарабатывай
Продвигайся со мной

Форумок – лучший сервис по покупке лайков, твитов, google+

GoGetlinks– покупка качественных ссылок с ТИЦ от 10

Ротапост – качественные вечные ссылки для ваших сайтов

Делаем Табы и экономим место в сайдбаре

Доброго времени суток дорогие друзья и коллеги. Рад вас здесь видеть, кого то вновь, а кого то в первый  раз.

Табы для wordpress – вот такая тема сегодня будет разбираться на моём блоге, так что давайте присоединяйтесь.

табы

Поскольку я сам забубенил у себя такую штуку и мне она очень нравится, я решил поделиться этой плюшкой с вами.

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

Вот видали как я вам по умному тут написал, мне аж самому понравилось блин, ну это я так шуткую, не обращайте внимания, просто настроение хорошее :) .

  • Внимание: В блок с эл. кошельками добавлена новая возможность «Перевод по смс». Теперь могут  подключиться абсолютно все желающие помочь накопить на мечту. Просто возможно кто то захочет помочь, а эл. кошелька у человека нет, теперь же просто достаточно отправить смс и всё, так что подключайте своих друзей, а друзья своих друзей и.т.д.

Если кто то захочет сделать такую функцию у себя на блоге, то об этом я скоро расскажу, подпишитесь на обновления блога и не пропустите.

Теперь можно продолжить разговор про табы для wordpress. Какой то я странный честное слово, что такое табы я вам рассказал, а показывать то кто будет?!

В моём сайдбаре вы можете видеть четыре вкладки: Ништяк, Рубрики, Твиттер и Новьё – это и есть табы для сайта. Хотите себе такие же, тогда читайте мою статью дальше.

табы

К стати дальше будут не менее интересные посты по улучшению дизайна и функциональности блога, подпишитесь на обновления блога и вы не пожалеете.

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

Табы для wordpress — плагин sidebartabs

Я перепробовал много различных плагинов, одни нагружали мой блог так, что он переставал вообще переставал грузиться, другие были платные и при чём стоили прилично (в районе 700 рублей), за такие деньги лучше уж нанять фрилансера.

Sidebartabs – Плагин на котором я остановил своё внимание. Страницу не нагружает сильно, зато работает как надо и смотрится отлично, в общем будем ставить.

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

После установки плагина переходим в раздел «Параметры» и выбираем пункт «sidebartabs», это настройки плагина, здесь и будем колдовать.

Нажимаем на кнопку «Create New sidebarTab» тем самым мы создали первую вкладку или первый таб. Смотрим настройки.

табы

Нам понадобится три поля настроек и сейчас давайте остановимся немного подробнее:

  • Widget – В этом поле, вам нужно выбрать из списка тот виджет, который должен отображаться в данном табе. Если нет виджета который вам нужен, то нужно его пойти и создать, а потом уже создавать таб.
  • Tab name – Имя таба или название вкладки, всё просто.
  • Icon – Вместо кнопки с названием таба, могут отображаться иконки которые предложены. Честно мне готовые иконки не нравятся, вот если вы сделаете свои качественные иконки, то это будет очень круто. После выставления настроек, нажмите «Update».

табы

табы

И так, один таб у нас готов, вот теперь точно также создаём столько вкладок, сколько вам нужно.

Как только вы создадите все задуманные табы для сайта, сразу переходим в пункт «sidebarTabs Options» — это настройки внешнего вида.

табы

Там столько настроек, что о них можно рассказывать целый год. Посмотрите сами, поковыряетесь, там и заливка содержимого и заливка кнопок и форма кнопок, а главное там есть «Предпросмотр», так что всё, что вы настраиваете, можно сразу видеть. Конечно напоминаю чтобы вы не забывали сохранять настройки.

Ну и последний штрих. Открываем наши виджеты и перетаскиваем виджет «sidebarTabs» в наш сайдбар.

Здесь опять перед нами опять открываются настройки. Я поясню только те, которыми сам воспользовался, остальные считаю ненужными.

табы

табы

  • Title – Название виджета, изначально название будет такое «Instance 1».
  • Exclude Title – Отключить отображение названия виджета. Я сразу поставил галочку, мне название виджета не нужно.
  • Orders sidebarTabs – Когда вы создавали табы, то у каждого таба появился свой номер, вам нужно вписать в это поле номера (через запятую) тех табов которые должны отображаться, при чём  распологать их можно в разнобой. Это поле обязательно для заполнения, пока не заполните, работать НЕ будет.
  • Display in Sidebar – Если вам по каким то причинам понадобиться отключить на время данный виджет, то просто поставьте No, если назад включить то Yes.

Если вам что то будет не понятно по настройкам плагина, то спрашивайте в комментариях, постараюсь вам помочь.

Вот в принципе и всё, выбирайте любой способ установки табов для сайта. Как установить табы для wordpress вы теперь знаете и с лёгкостью сделаете себе такую фишку.

На этом будем прощаться друзья, до скорой встречи.

На связи с вами был, Олег Вьяльцов.

Понравился пост? Так подписывайся, чего ты ждёшь?!

Плагины





  1. 21 Июл 2012 из 18:23 | #1

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

    • Олег
      24 Июл 2012 из 6:17 | #2

      А почему они не должны хорошо смотреться?…поколдуйте над дизайном и всё будет прекрасно!

  2. 21 Июл 2012 из 19:24 | #3

    Спасибо большое за написание данной статьи, давно хотел сделать что-то подобное, но не знал что оно называется табы. Может есть инструкция как сделать вручную? просто думаю чем больше плагинов, тем сильнее идет нагрузка на сервер.

    • Олег
      24 Июл 2012 из 6:21 | #4

      Инструкций без плагинов в сети просто гора. :) Данный плагин не сильн нагружает блог…по крайне мере по моим наблюдениям.

  3. 22 Июл 2012 из 7:19 | #5

    Вот это классная вещь =) , я на блогах такие «волшебные переключатели» видела, очень они мне нравятся *IN LOVE* .
    Так что сэнкь ю вэри мач тебе, Олеж, за сепер-инфу! =) *ROSE*
    =) Сейчас пощелкала у тебя в сайдбаре по всем табам (раз 20 :-D ), ну реально же очень здорово)))))))))))))

  4. 22 Июл 2012 из 18:11 | #6

    @Татьяна
    Токо не сЕпер-инфу, а сУпер-инфу, ну понятно, опечатки *PARDON* =-O :-D

  5. 23 Июл 2012 из 16:15 | #7

    Олеж, привет! Что у тебя случилось? Только что прочитала сообщение в твиттере, как тебя угораздило чуть не попасть под машину? =-O Ты по проезжей раскатываешь? Давай уж расскажи подробнее, потому что переполошил ведь!
    Но с тобой-то все нормально? (кроме того, что ты, наверно, до сих пор в шоке?)

  6. 23 Июл 2012 из 16:23 | #8

    А табы куда подевались из сайдбара? Хорошая же такая штука была, зачем убрал? %)
    Я как раз настроилась у себя на блоге попробовать такую поставить.
    Ау-уу! Олеж, ты гдеее-е? С позавчера тебя тут нету…

    • Олег
      24 Июл 2012 из 6:29 | #9

      Всё замечаете, Татьяна!
      Табы вчера не успел поставить, сегодня всё доделаю и будет супер!

      Про машину расскажу немного подробнее в следующем посте…было пипец страшно :)

  7. Анатолий Солодкий
    25 Июл 2012 из 7:59 | #10

    Олег, вроде бы сделал, как Вы пишите, но название табов отображается, а при
    клике на таб, ни чего не происходит!

    • Олег
      26 Июл 2012 из 17:44 | #11

      Наверно что то пропустили, может в виджетах напутали?
      Там есть предварительный просмотр, ориентируетесь по нему.

  8. 02 Авг 2012 из 6:23 | #12

    полезный плагин, но если честно еще в голову такое сделать не приходило.

  9. 05 Авг 2012 из 17:27 | #14

    Я как-то пробовал без плагина ставить, ну никак не получилось. Причем пробовал на разных темах и на двух блогах. А за плагин тогда не думал. Сейчас уже перегорел, хотя твоя статья опять подняла интерес. =)

    • Олег
      15 Авг 2012 из 5:08 | #15

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

  10. 10 Авг 2012 из 20:39 | #16

    прикольная штука, видел на других сайтах часто, но не знал, что плагином поставить можно

  11. 27 Авг 2012 из 16:02 | #18

    Нужна ваша помощь, Олег. Хотела сделать 2 таба: Архивы и Популярные статьи.
    В итоге Архивов стало 2 (как самостоятельный виджет, и как таб), а Популярные статьи не сдвинулись с места. Что-то сделала не так?

    • Олег
      31 Авг 2012 из 4:20 | #19

      Скорее всего неправильно поставили виджеты в настройках плагина, там надо повнимательнее.

  12. Ulver
    12 Дек 2012 из 12:26 | #20

    Такой вопрос, ответ на который я, по скудоумию, найти не смог.
    Если я вывожу в sidebartabs несколько виджетов text (произвольный текст или html код) то где мне этот текст вводить в эти виджеты?

  13. Пе
    28 Июн 2013 из 8:30 | #22

    блин, табы то сделал. но блин как сделать что бы они показывали что мне надо? А не были просто табы.

  1. Трекбеков пока нет.