Лучшие системы табов для wordpress

С недавних пор табы стали неотъемлемою частью различных дизайнов сайтов, причем это не только касается блогов на wordpress, но и других проектов. Оно и не удивительно, решение достаточно функциональное и полезное, часто встречается в плагинах шорткодов. С его помощью вы сможете сэкономить место на странице при отображении большого количества информации. Для тех, кто не знает, что такое табы, можно использовать слова «закзаладки» / «вкладки», пользователь переключается между ними и видит разную информацию — последние записи блога, облако тегов, лучших комментаторов и т.п.

Однажды я уже рассказывал про табы в wordpress блоге — о том как реализовать их с помощью UI/Tabs jQuery. С тех пор прошло уже больше 2-х лет и в сети появилась еще парочку интересных реализаций механизмов табов.

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

StereoTabs

StereoTabs — простая система табов, является частью библиотеки script.aculo.us.

Stereotabs — маленький, небольшой скрипт для легкого добавления интерактивных закладок (табов) на странице, управление простое, внешний вид приятный.  Особенности:

• Загрузка скрипта происходит после страницы без вмешательства в html код. Пользователи без включенного javascript также увидят контент.
• Простота добавления — всегда пару строк кода позволит разместить табы на любой странице.
• Скрипт маленький — 82 строки кода, 2кб!
• После перезагрузки страницы активный там все равно запоминается, что весьма хорошо.
• Есть специальные эффекты (затемнение) при переключении табов — на соответствующих по дизайну сайтах смотрелось бы очень стильно.

DOMTab

Про систему табов DOMTab есть много хороших отзывов.

DOMtab это JavaScript который превращает ссылки на блоки контента в табы. Скрипт автоматически удаляет все ссылки типа «back to top» и скрывает контент всех блоков кроме первой закладки. Вы можете использовать сколько угодно табов для страницы. Из нового было добавлено, что если URL страницы указывает на какой-то из табов напрямую, то он будет подсвечиваться. Также можно определить классы и настроить ссылки типа «предыдущая» и «следующая» для навигации по табам, что иногда может очень пригодится. В целом, оригинальный такой скриптик.

Easy Tabs 1.2

Easy Tabs 1.2 — еще одна хорошая и «легкая» система для табов.

Новая версия скрипта поддерживает автосмену табов, если я правильно понял. При этом, как обычно, система совместима со своими браузерами. Кое-что из опций:

• Можно осуществлять навигацию по табам с помощью клавиши TAB.
• Доступна установка стартовой (активной) закладки.
• Поддерживается любое количество табов.
• Можно задать смену табов при наведении на них мышкой.
• Абсолютно бесплатное использование для любых (и коммерческих) проектов.
• Если отключено JavaScript будут отображаться все блоки контента.

В принципе, неплохой скрипт, понравилось как на странице с его описанием в сайдбаре для табов использовались не просто название блоков, а логотипы twitter, youtube.

Tabifier

Tabifier — еще один скрипт для табов.

Автоматически создает табы из HTML кода с помощью JavaScript. Основным особенностями являются:

• Собственно основная возможность — конвертация HTML в табы, вам не нужно знать никакой JavaScript для этого. Выделение и стили задаются через CSS.
• Можно использовать альтернативные выделения стилями, если, например, на влючен JavaScript или для страницы печати.
• Допускается несколько блоков с табами на одной странице.
• Можно сделать любой таб активным.
• Используются cookie для запоминания последнего выбранного таба, чтобы выводить его когда вы снова вернетесь на страницу.
• Объектно-ориентированный код с подробными комментариями — полезно для разработчиков.

В целом, последний скрипт похож на наиболее «общим» и сырым, так сказать широченное поле возможностей для разработчиков. Каждая из представленных систем табов имеет какие-то свои плюсы, особенности, что могут пригодится в тех или иных ситуациях, поэтому выбрать однозначно нельзя.

P.S. При этом, конечно, сейчас без вложений в интернете сложно работать, можно взять вебмани в кредит под проценты дабы потом заработать и погасить небольшой долг.
Интернет магазин Линзместар предлагает альтернативу очкам — контактные линзы по доступным ценам, доставка, широкий выбор линз и аксессуаров.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Оцените статью:

(голосов - 9, средний балл: 4,67 из 7)

Загрузка...

Категории: Возможности; Хаки и секреты;
Теги: javascript, возможности шаблона, вордпресс веб-разработка, дизайн, сайдбар, скрипты, улучшаем блог.