Modals: модальные окна для сайта на Joomla

Modals: модальные окна для сайта на Joomla

Обзор плагина Modals для реализации модальных окон в контенте страниц сайта на Joomla 3: описание функционала, список возможностей и особенности настройки Modals.

1. Вступление и видео-обзор

К сожалению, на текущий момент базовый функционал Joomlа 3.x не предусматривает возможность вывода контента в модальных окнах. Вернее, это возможно средствами фреймворка Bootstrap 3, применяемого в шаблонах ядра (Isis, Protostar) и многих других шаблонах от сторонних разработчиков, но это слишком сложно для непросвещённых администраторов.

Существует множество сторонних расширений, позволяющих создавать модальные окна в Joomla, и в данном материале мы рассмотрим плагин Modals — лучшее в своём роде расширение от разработчика RegularLabs.

2. Описание плагина

Modals — плагин для Joomla, позволяющий реализовывать модальные окна c любым контентом:

  • текст
  • материалы и другие внутренние страницы сайта
  • внешние страницы
  • картинки
  • видео
  • галереи

Плагин позволяет регулировать размеры и выбирать предустановленное стилевое оформление модальных окон, создавать модальные ссылки присваивая им классы, и многое другое.

Существует бесплатная и платная версия Modals.

3. Возможности плагина Modals

ВозможностиFreePro

Вставка в любом месте
Вы можете вставлять модальные ссылки в любой контент, в том числе в модули.

✔️ ✔️

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

✔️ ✔️

Вставка картинок и видео
Вывод изображений, видео и других медиа-элементов в модальных окнах.

✔️ ✔️

Тег для вставки
Для вставки модальных ссылок в любой контент используется простой тег.

✔️ ✔️

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

✔️ ✔️

Галереи и слайдшоу
Создание галерей через один тег. Добавление функции слайдшоу к галереям.

✔️

Автоматические картинки
Все картинки с определенным классом будут открываться в модальном окне по клику.

✔️

Пользовательский контент
Отображение в модальных окнах определенного содержимого: текста или сразу нескольких видов контента.

✔️

Материалы Joomla
Вставка и вывод в модальном окне содержимого конкретного материала компонента контента Joomla.

✔️

Группы ссылок
С помощью тега можно группировать модальные ссылки для обеспечения навигации в модальном окне.

✔️

Открытие при загрузке страницы
Можно назначить автоматическое открытие модального окна сразу после загрузки страницы.

✔️

Автоматическое закрытие
Возможность определять время для автоматического закрытия модальных окон.

✔️

Внешние ссылки
Открытие всех внешних ссылок в модальных окнах.

✔️

Target Blank
Преобразование всех ссылок с атрибутом target="_blank" в модальные ссылки.

✔️

Тип файла
Определение типов файлов для отображения в модальных окнах.

✔️

URL-адрес
Указание в теге URL-адреса страницы, которую необходимо вывести в модальном окне.

✔️

4. Установка и активация Modals

Скачать плагин можно по этой ссылке (официальный источник).

Установка осуществляется через Менеджер расширений Joomla, или через компонент Regular Labs - Extension Manager.

После установки расширения перейдите в Менеджер плагинов (РасширенияПлагины), найдите плагин System - Regular Labs - Modals и активируйте его, если он отключен.

5. Настройка плагина

Кликните по названию плагина System - Regular Labs - Modals в Менеджере плагинов.

Рассмотрим настройки в каждой вкладке.

5.1. Вкладка «Плагин»

Здесь вы можете выбрать определенное стилевое оформление для модальных окон, выбрать название класса для автоматической конвертации обычных ссылок в модальные, а также настраивать опции, доступные в платной версии.

5.2. Вкладка «Настройки по умолчанию»

Здесь регулируются настройки размеров модальных окон. Изменяйте их, только если настройки по умолчанию вас не устраивают.

5.3. Вкладка «Настройки кнопки редактора»

Здесь можно поменять текст на кнопке (по умолчанию Modal), с помощью которой можно вставлять модальные ссылки в контент Joomla, а также включить или выключить кнопку во внешнем интерфейсе.

5.4. Вкладка «Дополнительные параметры»

Здесь можно изменить текст для тега вставки модальных ссылок (по умолчанию modal), поменять символы, окружающие тег (по умолчанию {...}), и осуществить другие настройки.

6. Добавление модальных окон в контент Joomla

После установки и активации Modals в визуальном редакторе появится кнопка Modals (если вы не изменили название кнопка в настройках плагина или не отключили плагин Button - Regular Labs - Modals).

Чтобы вставить модальную ссылку в контент:

  1. кликните по кнопке Modals в визуальном редакторе

    откроется всплывающее окно с вкладками, определяющими содержимое для вывода в модальном окне:

    • URL
    • Изображения
    • Фото галерея
    • Видео
    • Материал
    • Материалы
  2. выберите нужный тип содержимого, введите текст модальной ссылки и нажмите Вставить
  3. в область редактора будет вставлен тег, формирующий модальную ссылку
  4. сохраните редактируемый элемент и проверьте, открывается ли модальное окно во внешнем интерфейсе Joomla.

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

Отправить
Подписка на рассылку
Введите свой адрес электронной почты, и мы будем держать вас в курсе событий!