Как добавить табы в пост | сTabs

Как добавить табы в пост | сTabs | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Я неоднократно говорил, что самым удобным изобретением в веб-дизайне являются табы. Они позволяют более экономично использовать видимое пространство страницы, выводя на одной и той же площади разное содержимое. Многие разработчики тем уже оценили преимущества табов, и теперь активно внедряют их в свои темы. А что же делать нам, самым простым пользователям? И так уж необходимо переделывать тему, чтобы использовать табы? Вовсе необязательно, ведь существует масса простых плагинов, позволяющих внедрить табы прямо в пост. Например, это умеет сTabs.

Как добавить табы в пост | сTabs

Плагин чрезвычайно простой. Все разбивка содержимого по разным табам осуществляется с помощью шорткодов. Шорткоды нужно вставлять в содержимое постов в режиме HTML.

[­tabgroup] 
[­tab title="Первый таб"]
   содержимое первого таба
[­/tab]
[­tab title="Второй таб"]
   содержимое второго таба 
[­/tab]
[­tab title="третий таб"]
   содержимое третьего таба 
[­/tab] 
[­/tabgroup]

То, как выглядят табы, можно подкорректировать в настройках плагина — в них есть отдельная секция для правки CSS. Плагин использует Java-скрипты, поэтому переключение между табами проходит плавно, с затемнением предыдущего содержимого и постепенным проявлением нового.

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

Использовать табы, создаваемые плагином сTabs удобно в постах и на страницах, на которых вы размещаете презентацию, демонстрацию работы с описанием (например, в одном табе — инструкция по установке, в другом — скриншоты, в третьем — ссылка на скачивание).

Демо сTabsСкачать сTabs
Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора

Комментарии закрыты.

  1. Пендос

    А 4-5 табов можно воткнуть?

    1. tiaurus

      Можно.