Галерея для Joomla 3

Галерея для Joomla 3

От автора: приветствую Вас уважаемые читатели. В данное время достаточно трудно представить сайт без изображений, так как они отображаются абсолютно на всех страницах и более того, практически в каждом свободном “уголке”. Конечно, как правило, картинки добавляют для облегчения усвоения материала конкретной страницы, но помимо этого, благодаря изображениям создаются различные рекламные баннеры, указатели, фото-отчеты по определенным мероприятиям и т.д. Поэтому в данном уроке мы с Вами поговорим о том, как создается фотогалерея для Joomla 3, и тем самым научимся выводить на экран большое количество изображений в небольшом по размеру блоке.

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

В данной статье я хотел бы показать Вам, как создается галерея для joomla 3, с помощью компонента Phoca Gallery. Phoca Gallery – это очень мощное, гибкое и наиболее популярное расширение по созданию галерей изображений, функционал которого рассмотреть в одной статье, конечно же, не получится, но я надеюсь, что изложенный материал послужит Вам отправной точкой по освоению данного компонента.

Итак, переходим по приведенной выше ссылке на страницу описания данного компонента.

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

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

Узнать подробнее

Далее, кликаем по кнопке “Download” и переходим на официальный сайт разработчика, в раздел загрузок, где мы абсолютно бесплатно сможем скачать последнюю актуальную версию компонента.

Соответственно выбираем версию компонента совместимую с Вашей CMS и скачиваем. При этом на данной странице, но немного ниже, приведены ссылки для скачивания локализаций расширения Phoca Gallery, поэтому выбираем необходимый язык и так же загружаем к себе на компьютер.

Далее устанавливаем скачанный компонент, используя менеджер расширений Joomla. Затем, для перевода расширения на русский язык, содержимое архива локализации, необходимо добавить в каталог “ru-RU” по адресу: /administrator/language.

После этого переходим в панель управления компонентом (Главное меню->Компоненты->Phoca Gallery).

Для начала, используя “Менеджер категорий” создадим новую категорию, к которой будут привязаны изображения будущей галереи.

Соответственно в вышеуказанном менеджере кликаем по кнопке “Создать”.

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

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

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

Узнать подробнее

Закончив правки будущей категории, кликаем по кнопке “Сохранить” для ее сохранения. Далее переходим в менеджер изображений и добавляем первое изображение, используя кнопку “Создать”.

Для добавления изображения, указываем его заголовок, категорию к которой будет привязано и, конечно же, выбираем файл для загрузки в поле “Имя файла”.

Перед выбором картинки, не забываем перейти в каталог, который был создан для конкретной категории (в моем случае это test).

Выбрав, необходимое изображение, кликаем по кнопке “Начать загрузку” и как только изображение будет загружено кликаем по нему.

Далее, если это необходимо – добавляем краткое описание будущего изображения в поле “Описание” и сохраняем его в базу данных, используя достаточно знакомую нам кнопку “Сохранить”. Таким образом, по аналогии добавляем необходимое количество изображений будущей галереи.

Итак, на данном этапе мы с Вами сформировали категорию и привязали к ней несколько изображений, но фотогалерея Joomla, еще не готова, а значит, не будет отображаться на страницах нашего сайта. Поэтому следующим этапом, необходимо создать страницу для отображения изображений галереи, а для этого переходим в менеджер меню и создаем новый пункт. При этом при выборе типа пункта меню, необходимо выбрать компонент “Phoca Gallery” и его вид “List of Images (Category View)” – то есть макет отображения изображений определенной категории.

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

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

Как Вы видите, галерея для joomla отлично работает. При этом мы с Вами рассмотрели только очень маленькую часть функционала данного компонента, как я говорил выше, возможности галереи достаточно широки и если она Вас заинтересовала — изучайте ее более подробно самостоятельно. Так же курсе Joomla – Мастер. С нуля до премиум шаблона, рассмотрена более подробная работа с компонентом Phoca Galery а так же настройка основных его элементов.

Всего Вам доброго и удачного кодирования!!!

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

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

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

Все очень просто!

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

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree