Плагин Slider 3.1.1, текстовой слайдер на сайте Joomla

 

Вступление

На joomla реализовать слайдер можно при помощи плагинов. Здесь разберем простой, но вместе с тем функциональный плагин Slider 3.1.1, текстовой слайдер на сайте Joomla от NoNumber. Плагин настраиваемый, имеет несколько встроенных CMS (внешних видов) слайдеров, формирует ссылку на слайдер, добавляет кнопку в визуальный редактор и много других настроек. Есть бесплатная и платная (Pro версия) плагина.

Для установки слайдера, ваш сервер должен удовлетворять следующим требованиям: версия PHP 5.3 , MySQL от 5+. Сайт должен быть построен на Joomla 1,5 самой последней версии или Joomla 2,5 и 3,0.

Пакет расширения Slider 3.1.1 содержит два плагина и языковой пакет переводов. Один рабочий плагин Sistem Sliders и плагин NoNumber Framework - плагин библиотеки, для всех расширений автора NoNumber.

Для удобства работы с плагином в редакторе устанавливается кнопка «InsertSliders». Настройки кнопки находятся в настройках плагина.

Скачать и установить расширение Slider

Скачать плагин слайдер лучше с официального сайта. Это ссылка на страницу скачивания: https://www.regularlabs.com/extensions/sliders. Кроме бесплатной версии есть расширенные версии Pro.

Скачать слайдер можно без регистрации. Архив имеет Zip формат.

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

После установки ,в менеджере плагинов,проверьте включение плагинов NoNumber Slider и NoNumber Framework.Также в редакторе должна появиться кнопка «InsertSliders».

Knopka insert slider

Синтаксис слайдера

Вставляется код слайдера в редакторе joomla в визуальном режиме.

Важно! При прописывании синтаксиса слайдера, для его правильного отражения, необходимо выполнение следующих правил написания.

  • В тегах кода не делать пробелы;
  • При ручном вставлении кода (без кнопки «InsertSliders») слайдера все теги прописывать с новой строки.

Чтобы вставить текстовой слайдер (ползунок) в текст статьи, нужно прописать следующие коды для этого расширения.Без пробелов и квадратных скобок.

Простой одиночный слайдер

{slider Название слайдера } Текст слайдера { /sliders }

Другие слайдеры

{tab=Двойной слайдер}

{ slider Первый Слайдер }
Текст первого слайдера...
{ slider Второй слайдер }
Текст второго слайдера...
{ /sliders }

{tab=Цветные слайдеры с указанием цвета}

{ slider Заголовок(Название) Слайдера|blue }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
{ slider Заголовок(Название) Слайдера|green }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
{ slider Заголовок(Название) Слайдера|orange }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
{ slider Заголовок(Название) Слайдера|red }
[ ТЕКСТ БЕЗ скобок ]
{/sliders}
{slider Заголовок(Название) Слайдера|grey}
[ТЕКСТ БЕЗ скобок]
{ /sliders }
//*Постоянные параметры blue,green,orange,red,grey

{tab=Цветные слайдеры с указанием значимости текста вместо цвета}

{ slider Заголовок(Название) Слайдера|info }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
{ slider Заголовок(Название) Слайдера|success }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
{ slider Заголовок(Название) Слайдера|warning }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
{ slider Заголовок(Название) Слайдера|danger }
[ТЕКСТ БЕЗ скобок]
{ /sliders }
//*Постоянные параметры info,warning,danger,success,соответствуют цветам:синий,желтый,красный,зеленый.

{/tabs}

В текст слайдера можно вставлять картинки стандартным способом вашего редактора.

Ссылка на слайдер

Для ссылки на слайдер есть несколько способов.

Использовать тег sliderlink

Синтаксис ссылки следующий:

{ sliderlinkНазвание слайдера } Кликните, чтобы открыть слайдер{ /sliderlink }

URL слайдера

Можно сделать активную ссылку на любой слайдер сайта при помощи хеш тега на название сладера в URL страницы. URL слайдера имеет следующую структуру:

www.youdomain.com/some/page#you-slide ,где you-slide это уникальное название слайдера.

Слайдеру можно присвоить алиас. Для этого в синтаксисе слайдера нужно прописать алиас:

{ sliderНазвание слайдера|alias: you-alias }

Тогда URLслайдера будет выглядеть так:

www.youdomain.com/some/page#you-alias, где you-alias это уникальный алиас слайдера.

Настройки слайдера и кнопки slider

Общие параметры слайдера настраиваются в менеджере плагинов, плагин NoNumber Slider (тип Sistem)

Slider nastroyki

Настройки достаточно просты, остановлюсь только на двух.

Это Дополнительные настройки →Вставка #.

Если поставить в этом пункте да, то все слайдеры будут загружаться вместе с загрузкой страницы со своими хеш-тегами (#you-slide) в URL страницы.

Если поставить нет, то ползунки не будут иметь свои хеш-теги в URLстраницы. Это снизит скорость загрузки страницы, а ссылку на слайдер можно сделать только при помощи тега sliderlink.

Также в настройках плагина есть кнопка: Загружать библиотеку MooTools. Ее нужно отключить если есть рабочие плагины со своей библиотекой Moo Tools.Советую сначала поставить ее на НЕТ.

Примечание! В промо-версии доступна кнопка Top (наверх) внутри слайдера. Можно регулировать скорость открытия слайдера, стиль открытия.

Примеры слайдеров (фото)

Primer slider

©Joomla-abc.ru

Другие статьи раздела: Администрирование Joomla 2.5

Администрирование Joomla 3.x