Обзоры расширений Joomla

 

 

 

Layer Slideshow – это адаптивный слайдер Joomla с поддержкой слоёв и анимации наподобие PowerPoint. С его помощью можно достаточно легко сделать анимированный баннер из нескольких изображений и текстовых надписей. Надписи и изображения могут «вылетать» (появляться) по аналогии с PowerPoint. Можно назначать ссылки на текстовые элементы и кнопку. Само слайд-шоу можно отобразить на сайте при помощи модуля или вставить в материал (статью) при помощи плагина.

В предыдущих статьях мы уже рассматривали платные и бесплатные расширения для создания галерей и слайд-шоу: RSMediaGallery, Simple Image Gallery, Phoca Gallerysigplus и DJ-MediaTools. Но Layer Slideshow существенно отличается от них, так как позволяет «собирать» отображаемое изображение из нескольких отдельных изображений. Пример можно увидеть на демонстрационном сайте разработчика.

В обзоре будет участвовать последняя, на момент написания статьи (06.05.2016), русскоязычная версия Layer Slideshow 1.0.1 в Joomla 3.5.1.

На официальном сайте расширений Joomla 5 отзывов, расширение добавлено 08 апреля 2015.

  • Общий рейтинг – 98 из 100.
  • Функциональность – 98 из 100.
  • Простота использования – 98 из 100.
  • Документация – 98 из 100.
  • Поддержка – 98 из 100.
  • Соотношение цена\качество – 98 из 100.

Расширение платное, на данный момент $19 США.

Возможности Layer Slideshow

Перечислю основные, на мой взгляд, особенности данного расширения слайдера.

  • Поддержка Joomla х.
  • Вставка слайд-шоу в материал Joomla или модуль.
  • Отзывчивый дизайн как фронтальной части (самого слайд шоу), так и административной.
  • Удобное создание, редактирование и управление слайдерами (рисунок ниже).
Слайдер для Джумла 3
Слайдер для Джумла 3
  • Поддержка слоёв изображений (до пяти слоёв).
  • Предустановленные слайдеры (пять тем) с возможностью их изменения или создания своих.
  • Перетаскивание элементов слайдера мышью.
  • Встроенный текстовый редактор (смена шрифта (гарнитуры), начертания, размера (кегля), цвета и так далее).
  • Встроенный редактор кнопок (смена цвета, границы, настроек шрифта и так далее). Есть встроенные готовые кнопки с возможностью их изменения.
  • Встроенный редактор изображений (изменение размера в пикселях, кадрирование (обрезка), отражение по горизонтали\вертикали, и вращение).
  • При создании собственного слайдера Вы сможете: задавать фоновое изображение, задавать слои, добавлять кнопку, текст и менять взаимное расположение этих элементов (рисунок ниже).
Layer Slideshow
Layer Slideshow
  • Задание продолжительности показа слайдов.
  • Циклическое воспроизведение слайд шоу.
  • Настройки кнопок навигации слайдера: Следующий, Предыдущий, Старт, Стоп.
  • Удобное добавление ссылок на пункт меню сайта или материал Joomla.
  • Возможность предварительного просмотра результата прямо при создании слайдера в административной части Joomla.
  • Загрузка файлов на сервер «классическим» способом (при помощи кнопки «Обзор») и при помощи перетаскивания мышью.
  • Доступ к клипарту (коллекции изображений) JoomUnited для использования изображений в своих слайдерах.
  • Интеграция с сервисом поиска иконок Icom для использования иконок в своих слайдерах.
  • Интеграция с K2.
  • Поддержка русского языка интерфейса и текста на слайдах.
  • Хорошая документация и техническая поддержка (на английском языке).

Для того, чтобы у Вас сложилось более полное впечатление рекомендую просмотреть это видео про Layer Slideshow от разработчика.

Создание слайдера

Ознакомившись с видео по ссылке выше, у Вас уже могло сложиться впечатление о процессе создания слайд-шоу в Layer Slideshow. Стоит рассмотреть основные этапы и настройки. Элементы интерфейса переведены на русский язык и весьма очевидны из своего названия.

В глобальных настройках Layer Slideshow особо ничего нет. Только опция, позволяющая включить\отключить отображение информации об обновлениях расширения и настройки прав доступа пользователей к расширению («классика» для Joomla 3).

После перехода на страницу компонента Layer Slideshow в левом верхнем углу нажмите кнопку Новое слайд-шоу и задайте имя своему слайдеру. Обратите внимание, что именно в компоненте Вы создаёте и управляете слайд-шоу, а в модуле и плагине Вы просто выбираете то, что уже создали ранее для вставки в ту или иную часть сайта.

После создания нового слайд-шоу Вы сможете создать слайды. Ограничения на количество слайдов в слайд-шоу нет. Но на каждом слайде может быть не более 5-и слоёв (от 0 (только фоновое изображение) до 4 включительно).

Создание слайд-шоу рекомендую начать с настроек Опции макета (рисунок ниже). Тут Вы сможете:

  • активировать отзывчивый дизайн.
  • Установить выравнивание слайд-шоу.
  • Задать ширину и высоту всех слайдов в пикселях.
  • Установить длительность воспроизведения слайда. Для всех слайдов в рамках одного слайд-шоу можно задать только одинаковую продолжительность (в миллисекундах).
  • Настроить отображение элементов навигации.
  • Задать цвет фона слайд-шоу.
Слайдер изображений Joomla
Слайдер изображений Joomla

После общих настроек можно перейти к созданию самих слайдов. Нажимая на Добавить новый слайд (в меню слева), Вы сможете создать сколько угодно слайдов. Подводя курсор мыши к названию слайда в меню слева, появляются инструменты переименования, дублирования и удаления слайда. Точно так же, как и в случае с созданием слайд-шоу (рисунок ниже).

Управление слайдами
Управление слайдами

Редактирование каждого из слайдов начинается с выбора одной из пяти тем и последующим редактированием темы (рисунок ниже). Основное отличие между темами – количество слоёв.

Layer Slideshow
Layer Slideshow

При выборе любого из изображений Вы сможете его немного отредактировать (рисунок ниже) – обрезать/кадрировать.

Слайд-шоу Joomla 3
Слайд-шоу Joomla 3

Можно применить некоторые простые эффекты (рисунок ниже). Рекомендую редактировать изображения на компьютере, а на сайт загружать уже полностью готовое и оптимизированное (с минимальным размером (в Кб) и оптимальным качеством).

Инструменты редактирования изображения
Инструменты редактирования изображения

Нажимая на кнопки Библиотека JU (сайт JoomUnited) и Поиск иконок (сайт Iconfinder.com) вы сможете подбирать изображения (с фильтрацией) из клипартов JoomUnited (рисунок ниже) и Iconfinder.com соответственно. Обратите внимание, что Библиотека JU требует ввода логина и пароля от Вашего аккаунта на сайте Joomunited.com.

Клипарт JoomUnited
Клипарт JoomUnited

Нажав на ссылку Редактировать стиль напротив поля Текст кнопки, Вы сможете изменить внешний вид кнопки (рисунок ниже). В поле Ссылка кнопки можно ввести любой URL-адрес, на который перейдёт пользователь по нажатию на кнопку. Или можно перенаправлять посетителей на один из пунктов меню Joomla (кнопка Элемент меню) или на какой-то материал (одноимённая кнопка).

Редактор кнопок
Редактор кнопок

При редактировании текста (рисунок ниже) Вы сможете задать ему начертание, выравнивание, цвет и цвет его фона, изменить размер и шрифт. Можно добавить ссылку, создать маркированные или нумерованные списки.

Текстовый редактор
Текстовый редактор

Вставка созданного слайдера изображений в материал происходит при помощи кнопки редактора LayerSlideshow (рисунок ниже).

Кнопка редактора
Кнопка редактора

Или можно выводить слайдер в позиции шаблона Joomla при помощи модуля тип «Layer SlideShow». Из «необычных» для любого модуля Джумла опций доступна только одна – выбор созданного слайдера (рисунок ниже).

Слайд-шоу модуль
Слайд-шоу модуль

Отмечу некоторые ограничения, которые есть в Layer Slideshow 1.0.1 на данный момент (06.05.2016).

  • Нельзя удалять\добавлять тестовое области. Можно перемещать существующие и менять их размер.
  • Нельзя менять направление и время вылета слоёв (объектов).
  • Нельзя добавлять ссылки на изображения. Только на кнопку и текст.
  • Нельзя добавлять или удалять кнопки. Можно перемещать существующую.

Русификатор Layer Slideshow

Cкачать русификатор Layer Slideshow.

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

 

Полезные ссылки: