Создать сайт бесплатно

Начинаем очередной урок. Сейчас мы будем ставить фотогаллерею.

Фотогаллерея - это стороннее расширение, не встроенное в Joomla. Поэтому устанавливать его будем самостоятельно. Скачайте этот архив себе на компьютер.

Там находятся компонент самой фотогаллереи и плагин. Как их правильно установить, мы сейчас с Вами рассмотрим.

Заходим в админзону. Находим там пункт "Расширения" - "Установить\удалить" нажимаем на него.

Находим через "обзор" нашу фотогаллерею - com_morfeoshow_1.1.0.zip - КАРТИНКА 1
И нажимаем "Загрузить и Установить".

Появилось окно, которое информирует нас о том, что фотогаллерея установилась. Проверяем там основные параметры и нажимаем "продолжить". КАРТИНКА 2

Обратите внимание, в разделе компоненты, у нас появился новый элемент - та самая фотогаллерея. КАРТИНКА 3

Давайте теперь, пока мы не забыли, установим плагин фотогаллереи. Заходим опять в "Расширения" - "Установить\Удалить" и точно также, как мы устанавливали компонент, устанавливаем плагин. У вас должно было появиться оповещение, что плагин установлен удачно.

Теперь нам нужно его включить. Для этого заходим в "Расширения" - "Менеджер плагинов" - КАРТИНКА 4

Находим там наш плагин, и включаем его (нажимаем на красный крестик) - КАРТИНКА 5

Теперь переходим к нашему компоненту - КАРТИНКА 6, и нажимаем "создать" в верхнем правом углу - КАРТИНКА 7

Открывается окно создания фотогаллереи. Вводим заголовок, например "Галлерея 1", не важно, все равно его не будет видно. Формат пока оставим без изменений, потом поэкспериментируем с ним. В общем вводим только заголовок и нажимаем "сохранить". То есть у нас получается так - КАРТИНКА 8

Теперь можно добавить картинки в нашу фотогаллерею через пункт "Загрузить" - КАРТИНКА 9
Нажимаем на него. Загружается страница добавления изображения в галлерею.

Все изображения для этого урока находятся в этом архиве. Скачайте его себе. Папки с именами 1, 2, 3 и т.д. соответствуют фотогаллереям 1, 2, 3 и т.д. То есть в папке 1 фото для первой галлереи.

Так вот, через "обзор" находим нужное изображение. Можно ввести еще заголовок, описание, создателя. Но я этого делать не буду, а Вы можете поэкспериментировать и ввести какие-нибудь данные. Далее нажимаем "сохранить изображение" - КАРТИНКА 10

Появилось оповещение на синем фоне, что первая фотография успешно загружена. Теперь если зайдем в "менеджер галлерей" и нажмем на пункт "картинки", мы увидим наше первое фото в галлерее. КАРТИНКА 11
Там кстати можно его и отредактировать.
Таким же макаром добавляем и второе фото в галлерею. Заходим в "Менеджер галлерей", нажимаем "загрузить" - КАРТИНКА 12

И через "обзор" загружаем второе фото в эту галлерею. Сохраняем и переходим к следующему этапу.

Обратите внимание на интересный пункт - КАРТИНКА 13

Это идентификатор нашей фотогаллереи. Как это работает... Например в одну из статей появилась необходимость вставить эту фотогаллерею. В месте, где это нужно сделать, мы вставляем этот идентификатор - {morfeo 1}
При загрузке этой страницы вместо этой надписи, появится наша фотогаллерея. А теперь рассмотрим это на примере.

Через менеджер материалов создаем новый материал. Если не помните, как это делается, повторите Урок 3.

Даем ему заголовок "Фотографии" и вводим необходимый текст, форматируем его как пожелаете (выравниваем по центру и т.д.) - КАРТИНКА 14
Сохраняем.

Дальше этот материал нужно привязать к главному меню. Заходим в "Все меню"-"Меню" и выбираем там "пункты меню" - КАРТИНКА 15
Здесь создаем новый пункт (в правом верхнем углу кнопка "создать").
Выбираем "Материалы" - "Стандартный шаблон материала".
Заголовок - "Фотографии"

Сам пункт меню "Фотографии" у нас должен располагаться между пунктами "Номера" и "Контакты". Делается это так, как показано на рисунке - КАРТИНКА 16

Можете поэкспериментировать, и вставить его между другими пунктами.

Теперь возвращаемся на наш сайт, перезагружаем его, и видим, что появился пункт "Фотографии" в главном меню. Зайдем в него. Загружается страничка, на которой наша фотогаллерея, состоящая из двух фото.

Теперь попробуем разные форматы фотогаллереи. Возвращаемя в админзону и заходим в "менеджер галлерей". Там есть вкладочка "Формат галлереи" - КАРТИНКА 19

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

После этого, создаете таким же способом остальные галлереи. Заходите в "Менеджер материалов", и редактируете материал "Фотографии", а именно добавляете там текст и новые галлереи. Только обратите внимание, что идентификатор для каждой галлереи свой! Например для галлереи 2, он будет {morfeo 2} и т.д. Короче, обратите особое внимание на это. А я покажу Вам, что у меня получилось - КАРТИНКА 17 и КАРТИНКА 18

Еще раз повторюсь, что формат галлереи - дело вкуса.

 

Следующий урок - Урок 9 - ставим карту сайта