- Видео обзор.
- Настройки изображений.
- Добавление видео и аудио.
- Модуль, пункт меню и вставка в текстовый редактор.
OrdaSoft Image Gallery – это платный компонент галереи для Джумла 4. У него есть бесплатная версия.
Видео обзор
- Настройки изображений – 00:00:48.
- Видео галерея – 00:03:52.
- Аудио галерея – 00:04:37.
- Модуль галереи Joomla 4 – 00:05:24.
- Пункты меню – 00:05:58.
- Вставка в текстовый редактор – 00:06:41.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Ссылки из видео:
В предыдущей статье «Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4» мы рассмотрели основные отличия платной версии компонента от бесплатной и поговорили о настройках галерей. В этой части затронем настройки изображений, возможности по добавлению в галерею видео и аудио, а также поговорим о модулях, пункте меню и вставке галереи везде, где обрабатываются плагины Joomla.
В обзоре участвует последняя доступная мне, на момент написания статьи (01.04.2022), англоязычная версия OrdaSoft Image Gallery 6.1.20 Pro в Joomla 4.1.2 и англоязычным быстрым стартом шаблона «Vehicle Booking» j405.2021.12.15.
Настройки изображений
Настройки изображений разделены на две вкладки:
- Image Options.
- Category Options.
Вкладка Image Options (рисунок ниже) содержит опции, которые применяются к текущему изображению. В моём примере некоторые опции дублируются для разных языков. Это удобно для мультиязычных сайтов. Чтобы добиться этого, включите параметр Use Multilanguage в общих настройках компонента.
Вы сможете задать заголовок, краткое описание, замещающий текст (ALT), указать категорию (или категории) и ссылку по нажатию на изображение. Также Вы сможете указать полное описание и ссылку на видео. Об этом поговорим ниже в статье.
На сайте это выглядит так, как показано на рисунке ниже.
Вкладка Category Options (рисунок ниже) содержит опции, которые применяются к категории, которой принадлежит изображение. Если задать тут какие-то настройки, то они отобразятся во всех изображениях в рамках категории. Если изображение принадлежит нескольким категориям, то оно будет сдублировано во все соответствующие категории и для каждого из дубликатов можно будет задать разные настройки.
На рисунке ниже показано, на что влияют настройки, указанные на вкладке выше.
Добавление видео и аудио
OrdaSoft Image Gallery позволяет создавать видео и аудио галереи. Принцип схож на создание галереи изображений. Вы загружаете фотографии, а в настройках изображений указываете «дополнительный объект». В качестве этого дополнительного объекта может выступать ссылка на видео с Youtube или Vimeo.
Вставка видео. В настройках изображения, на вкладке Image Options, в области Video Settings ( This turn off HTML Settings ) укажите URL адрес видеоролика (рисунок ниже).
Во фронтальной части сайта в галерее пользователь увидит изображение, а по нажатию на него видео (рисунок ниже).
Вставка аудио. В настройках изображения, на вкладке Image Options, в области Html Settings укажите, например, вот такой код:
<audio controls>
<source src="/images/the-hamster-dance-song.mp3" type="audio/mpeg">
</audio>Код может быть другим. Для примера взял «минимальный» состав HTML-элемента «<audio>». Подробнее о нём можно прочесть тут. Обратите внимание, что нужно предварительно загрузить нужный аудиофайл. В моём примере это «the-hamster-dance-song.mp3». Сам файл находится в корневой папке изображений – «images». По этой причине путь к файлу указан так: «images/the-hamster-dance-song.mp3».
Во фронтальной части сайта в галерее пользователь увидит изображение, а по нажатию на него изображение и аудиоплеер (рисунок ниже).
Модуль, пункт меню и вставка в тактовый редактор
На сайте Вы можете выводить изображения при помощи модуля, пункта меню и вставки специального тега в тактовый редактор, в котором обрабатываются плагины.
Модуль галереи Joomla 4. У OrdaSoft Image Gallery есть модуль OS Gallery Search Pro (рисунок ниже). Он позволяет искать фотографии в галереях. Пример работы модуля можно посмотреть на сайте разработчика.
Пункт меню тип «Os Gallery Menu». В его настройках (рисунок ниже) можете указать одну или несколько галерей, которые необходимо отображать на странице.
На рисунке ниже показан пример отображения галереи на сайте, выведенной при помощи этого пункта меню.
Вставка галереи в тактовый редактор. Для этого нужно получить специальный «тег». Его можно узнать в самом компоненте (рисунок ниже) в столбце Short code напротив нужной Вам галереи.
Его можно вставить в материал, модуль HTML-код, описание товара или категории VirtueMart, DJ-Catalog2, K2 и везде, где обрабатываются плагины Joomla. На рисунке ниже показан пример вставки такого тега в модуль HTML-код. Чтобы галерея появилась обязательно нужно включить опцию Обработка плагинами на вкладке Основные в настройках модуля.
Аналогично происходит добавление и в другие расширения, например, в материалы. На рисунке ниже показана галерея с 5-ю категориями, вставленная в материал Joomla 4, а ниже модуль HTML-код с вставленной в него галереей (под заголовком «Галерея»).
Как видите, OrdaSoft Image Gallery - весьма мощная галерея изображений Joomla 4. А если учесть возможность создания видео и аудиогалерей, данный компонент может пригодиться ещё в большем количестве случаев. Надеюсь, что этот и предыдущий обзоры помогли оценить возможности данного компонента. Возникшие вопросы задавайте в комментариях.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
