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

Как добавить табы в пост | сTabs | n-wp.ru

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

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

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

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

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

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

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

[demo url=”http://ctabs.webtmc.us/” title=”сTabs”][dl url=”http://wordpress.org/extend/plugins/ctabs/” title=”сTabs”]
Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

2 Комментарии

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