Ну что же приступаем к очередному видео уроку, и в этом видео уроке мы с вами рассмотрим добавление вашей личной фотогалереи на сайт под управлением Joomla. Для того чтобы вам создать фотогалерею вам необходимо подготовить изображения, желательно разложить их по папкам, как я это сделал. Допустим, у меня будет раздел авто, и здесь будут автомобили, компьютеры и люди. Создали три папки и если вы не знаете, как обрабатывать изображения, то перейдите в специальный раздел, где мы свами рассматриваем подготовку изображений. Там в одном из уроков я вам рассказывал, как создать изображения и фотографии, и обработать их с оптимальным качеством для публикации в фотогалереи.
Для того что бы нам разместить фотогалереи нам понадобится компонент который есть Joomla, этот дополнительный компонент называется phocagallery и именно про данный компонент я вам буду рассказывать. То есть это такой же компонент, который мы с вами настраивали JComments и установка голосов, и рейтингов для статей аналогично мы с вами будет устанавливать данный компонент. Данный компонент у вас так же имеется установленный в 9 разделе установка Joomla, в папочке components, здесь есть папка phocagallery, открываем папку и здесь есть ряд файлов. Сейчас мы с вами начнем все по порядку устанавливать, и так переходим в администраторский раздел вашего сайта, нажимаем «Расширения» выбираем (установить, удалить), установка данных расширений будет происходить из файлов пакетов. То есть здесь у нас имеются архивы,com_phocagallery и еще мы с вами установим два дополнительных модуля, модуль random_image он будет выводить случайные изображения из галереи. И phocagallery_tree это дерево каталогов для того чтобы было удобно переходить и перемещаться во фотогалерее которая имеет большое наличие категорий.
Первым делом непосредственно мы свами устанавливаем фотогалерею, и вот этот компонент отвечает у нас за фотогалерею com_phocagallery_v 2.2.0_beta. Нажимаем «Обзор» и выбираем этот файл, нажимаем «Открыть» и загружаем этот файл установить, ждем некоторое время, и у нас с вами будет выполнена установка данной фотогалереи. То есть, как видите, вся установка дополнительных модулей для Joomla происходит очень быстро, удобно и вам остается только настроить компоненты и наполнить контентом. Здесь нажимаем кнопку Install,и у нас открывается компонент, в разделе компоненты мы можем свами увидеть появилось phocagallery, аналогичным образом как у нас появились JComments . В этом разделе происходит полностью управление и создание вашей фотогалереи. Заканчиваем с установкой компонентов, и модулей, сейчас установим random_image компонент, который у нас будет отвечать за дополнительный, до этого мы с вам разговаривали об установке компонентов именно непосредственно в Joomla. А вот сейчас мы уже установим дополнительный компонент, который будет находиться внутри phocagallery данные два модуля, они являются дополнением к phocagallery.
Аналогично устанавливаем, из пакета нажимаем «Обзор», выбираете в папке phocagallery, папку modules, и устанавливаете mod_phocagallery_random_image, нажимаем «Открыть», загрузить файл, установить. Видим, что у нас модуль установлен, удачно, выводится сообщение, и второй модуль mod_phocagallery_tree выбираем этот файл, нажимаем, загрузить и установить. Установка этих модулей пришла, чтобы посмотреть, где они у вас отображаются, они у вас отображаются в «Менеджере модулей». Вот вы можете увидеть Phoca Gallery Random Images Module и Phoca Gallery Tree Module, но о том, как вывести данные модули мы с вами поговорим чуть позже. И так установили все модули и теперь давайте установим русификации для данного модуля, для phocagallery для того чтобы все сообщения у нас с вами вводились на русском. Каким образом это можно сделать. Все языковые файлы они так же идут в дополнительных файлах, открываете папку с вашим сайтом и здесь папка language, открываете и в ней есть два языка английский и русский. Открываете папку русский, и нам необходимо скопировать дополнительные файлы в папке phocagallery вы можете папку, которая называется ru-RU.com_phocagallery, открываете и здесь вы можете найти два ini файла. Что эти два файла из себя представляют, они представляют из себя русификацию, всех основных слов которые у вас отображаются на английском языке. Вы просто эти два файла вот в эту папку копируете, и все теперь, когда мы с вами будем работать с phocagallery, у нас все будет отображаться на русском языке. И так же русский язык можно скопировать для модуля phocagallery_random_image, так же копируете этот файл, и русский файл для phocagallery_tree также копируем.
Все теперь у нас русские файлы скопированы, и мы можем приступить к установке нашей фотогалереи. Для этого мы скопируем изображения в нужную папку, заходите на своем сайте в папку images и здесь у нас есть папка phocagallery, ив эту папку мы копируем категории всех фотографий, которые будут в фотогалереи, все копируете в эту папку phocagallery. И теперь можно приступать к постройке самой фотогалереи в администраторском разделе. Для того чтобы начать создавать фотогалерею, вам необходимо в начале создать категории. Все фотографии располагаются по категориям, допустим, давайте создадим эту категорию. Заголовок - Компьютеры, вписываем псевдоним и нажимаем «Сохранить» и категория у нас уже создана. Создаем еще две категории, автомобили и люди, нажимаем еще раз «Создать «Сохранить». Отлично создали три категории и можно переходить к добавлению картинок, открываем раздел картинки и для того что бы вам добавить большое количество картинок. То есть фотогалерея подозревает, что у вас есть большое количество различных фотографий.
Для того чтобы добавить большое количество фотографий одним нажатием кнопки, вы используете кнопку Multiple Add, нажимаем и у нас отображаются наши три папки, с avto computers peoples. Нажимаем раздел avto и здесь нажимаем вот эту верхнюю галочку и у нас галочками помечаются все фотографии. Выбираем категорию «Автомобили», выбираем опубликовано и нажимаем сохранить. Сейчас у нас phocagallery автоматически создаст миниатюры для фотографий и у нас данная категория, по сути, будет готова к отображению. В разделе phocagallery_images вы можете найти в табличке все фотографии, которые мы добавили в категорию «Автомобили». Давайте аналогичным образом добавим еще две категории, как раз закрепим, посмотрите, так мы добавили avto, теперь добавляем computers, аналогичным образом выбираем «компьютеры» и сохранить.
Как видите добавление фотографий, происходит очень быстро и легко, создаются так же миниатюры для категории «Компьютеры», отлично созданы. И последняя категория, которая у нас осталась это категория «Люди» так же выделяем все фотографии и нажимаем «Сохранить» происходит обработка всех фотографий. Просто я здесь взял фотографии, которые не оптимизированы, они имеют очень большой размер, то есть если вы возьмете на прямую фотографии с цифрового фотоаппарата, то они будут очень тяжелые. И пользователям у кого медленный интернет или может быть трафик платный им, к примеру, не будет выгодно смотреть ваши тяжелые фотографии. Поэтому если вы предполагаете, что ваш сайт будут просматривать пользователи, у которых, к примеру, медленный интернет, тогда желательно фотографии оптимизировать. Продолжение в следующем видео уроке.