При добавлении фотоматериалов изображения необходимо оптимизировать, так они быстрее загружаются, иначе они загружаться будут медленней. И так мы закончили добавление всех фотографий и сейчас мы займемся выводом фотогалереи на наш сайт. Вывести вашу фотогалерею вы можете с помощью любого меню, добавив любую ссылку, но мы с вами добавим верхнее меню. То есть добавим кнопочку, которая будет называться «Фотогалерея» и таким вот образом будет отображаться наша фотогалерея вот такими категориями. Переходя в какую-то категорию, у нас будет открываться определённый список всех фотографий.
Приступим, заходим в «Меню» в верхнее меню, нажимаем «Создать» то есть вы, просто создаете новый пункт меню и в новом списке меню среди имеющихся, у вас появился новый пункт phocagallery. Обратите внимание, что до добавления и установки дополнительного модуля phocagallery этого пункта у нас не было. Теперь он у вас появился, и мы выбираем пункт phocagallery и здесь у нас есть несколько вариантов, (все категории, категория и контроль панель). Для того что бы вывести все категории нашей фотогалереи для этого вам нужно выбрать Phoca Gallery Category List Layout то есть вывод всех категорий. Вписываем заголовок «Фотогалерея» псевдоним phocagallery, здесь оставляем все по умолчанию, то есть можно разбить на, (страницы, показать выбор, показать ленту, показать имена, выравнивание картинки).
То есть можно установить слева или справа, ну давайте оставим все по умолчанию все как есть, а потом уже посмотрим, какие у нас еще есть параметры для компонентов фотогалереи задать. Нажимаем «Сохранить» обновить F5 и видим, что у нас появился новый пункт в верхнем меню «Фотогалерея». Нажимаем на данный пункт, и у нас загружаются наши разделы категорий, которые мы добавили (компьютеры, автомобили, люди). Открываем раздел «Компьютеры» и у нас с вами отображаются фотографии.
Для того что бы открыть фотографию поподробнее нажимаете внизу лупу и запускается просмотр фотографий с очень удобной навигацией где можно нажать кнопочку Play и у вас начинается показ фотографий. Как видите все очень красиво, все в стиле Joomla здесь можно задать количество показов и страниц, здесь же реклама создателя данной фотогалереи. Кстати если вы, к примеру, хотите поменять этот значок, это можно сделать в настройках, для этого заходите в phocagallery здесь есть параметры и в этом окне параметров можно поменять цвет шрифта, цвет фона, здесь есть очень много параметров, которые можно поменять. Их очень много, к примеру, я вам покажу, а вы сами можете экспериментировать настраивать параметра. Оставляем Text Link текстовая ссылка, нажимаем «Сохранить» и F5 обновляем страницу и видим, что у нас осталось только одна ссылка на phocagallery. Так же здесь есть кнопка «Загрузка изображения» нажимаем на нее и у вас открывается полностью описание данной фотографии (ее имя, формат, разрешение изображения) то есть пользователь может данное изображение загрузить себе на компьютер.
Теперь давайте посмотрим, как можно добавить дополнительный модуль, который у нас будет вот примерно здесь в правой части, когда вы будете работать в фотогалереи, а может быть вообще на сайте. К примеру, вы устанавливает модуль и у вас где-то справа отображается случайная фотография из галереи. Посетитель видит фотографию, нажимает и переходит в фотогалереи. Каким образом их установить, мы свами устанавливали два дополнительных модуля, Phoca Gallery Random Images нажимаем его включить, и Phoca Gallery Tree дерево категорий. Переходим вначале в Phoca Gallery Random Images и видим, что данный модуль у нас по умолчанию устанавливается в положение Left. То есть сейчас если мы с вами обновим страницу, и мы слева увидим модуль Phoca Gallery Random Images Module. И также аналогично у нас отображается Phoca Gallery Tree Module, дерево сразу отобразилось. Вы можете сразу все это настроить заголовок и написать «Случайное фото» нажимаем «Сохранить», F5 и теперь у нас отображается на русском «Случайное фото». Нажимаем на случайное фото, и оно у нас открывается. Так же можно и здесь поменять, хотя дерево в принципе можно вывести тогда когда у нас будет открываться галерея, как в принципе и случайное изображение.
Случайное фото можете установить назначение меню, то есть, к примеру, только по нажатию «Фотогалерея» у вас будет появляться случайное фото. Обновляем страницу, и мы видим что, в левой части страницы отсутствует модуль «Случайное фото» как только вы заходите в раздел «Фотогалерея» у вас появляется случайное фото. Аналогичную настройку мы сейчас выполним для Phoca Gallery Tree Module, впишем заголовок – Дерево каталогов и так же ставим значения формат только в фотогалереию, нажимаем «Сохранить» F5 обновляемся. Нажимаем главную, и у нас вообще нет ни каких модулей, не отображается. Переходим в фотогалерею, сразу сверху у нас отображается «Дерево каталогов» если у вас очень много каталогов и подкатегорий, то данное дерево поможет удобно настраивать отображение ваших фотографий. Для каждой фотографии можно установить рейтинг и комментарии, для этого давайте перейдем в компонент Phoca Gallery в раздел Rating. Рейтинг, кстати, у нас с вами не включен в настройках, давайте посмотрим еще параметры фотогалереи, открываем параметры, и опускаемся вниз идем по параметрам.
Вы можете задать размер, к примеру, установить, если у вас здесь Small Image размеры маленького изображения 50x50 можно поставить 100x100 нажимаем «Сохранить» и видим, что у нас отображаются, должна отображаться большие размеры. И так смотрим рейтинг и комментарии, переходим в раздел Rating Settings в настройках рейтинга и устанавливаем пункт настроек рейтинга, отображение рейтинга ставим «да». И Display Comments ставим так же «да» то есть мы с вами установили отображение рейтинга и комментариев нажимаем «Сохранить» переходим в фотогалерею. Открываем, к примеру, категорию картинок и вот мы видим – Оценить эту категорию. Только зарегистрированные и вошедшие пользователи могут оценивать эту категорию.
Давайте я, к примеру, зайду свои логином и паролем, нажму войти, перейти в фотогалерею, и оценю, к примеру, категорию компьютеры, оцениваю эту категорию, ставлю пятерку – Спасибо за вашу оценку, и так же можно добавить и отправить какой ни, будь комментарий. И вот мы видим, добавляются комментарии. Вот таким образом мы с вами настроили фотогалерею, настроили вывод дерево каталогов, настроили случайное фото, я думаю, этих основных настроек вам будет достаточно для создания качественной полнофункциональной, фотогалереи. Продолжение в следующем видео уроке.
