Tabs

Куда Более продвинутое расширение по сравнению с плагином Uyguntabs, который был первым на блоге уроком по внедрению в контент табов (вкладок).

Карточка расширения Tabs

Шаг 1. Установка плагина

Статья «Все способы установки расширений Joomla!».

Шаг 2. Настройки. Вкладка "Плагин"

Как всегда плагины от компании NoNumber включаются автоматически во время установки.

В менеджере плагинов открываем System - NoNumber Tabs. Здесь много отключенных параметров для PRO версии, которые мы естественно пропускаем.

Итак, раздел "Оформление":

Tabs
  • Загружать стили - Если "Да", табы будут оформлены стилями расширения. При выборе "Нет" можно использовать свои стили. Старые стили плагина присутствуют в демо расширения.
  • Выравнивание блока вкладок - Выберите способ выравнивания.
  • Цвет неактивного блока вкладок - Если "Да" фон не активных вкладок будет серого цвета.
  • Outline Handles, Outline Content - Границы и отступы вокруг содержимого вкладок.

Шаг 3. Настройки. Вкладка "Описание"

Здесь представлены шаблоны для вставки вкладок:


Tabs

Для создания ссылок на определенные вкладки следующий синтаксис:

Текст ссылки

Индивидуальный стиль вкладкам назначается созданными самостоятельно классами, или предустановленными: голубой (blue), зеленый (green) и серый (grey), оранжевый (orange) и красный (red). Синтаксис будет выглядеть так:


Tabs

Шаг 7. Создаем вкладки с помощью кнопки

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

Tabs

При нажатии появляется окно, в котором предельно просто создавать вкладки.

Tabs

Шаг 8. Последний

Открываем фронтенд с материалом.

Tabs

Вкладки на месте. Кстати, данное расширение давно используется на блоге в разделе "Карточка расширения".

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