Главная » 2011 » Октябрь » 6 » Урок 8 - добавляем фотогаллерею
10:59
Урок 8 - добавляем фотогаллерею

Урок 8 - добавляем фотогаллерею

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

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

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

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

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

Появилось окно, которое информирует нас о том, что фотогаллерея установилась. Проверяем там основные параметры и нажимаем "продолжить".

Обратите внимание, в разделе компоненты, у нас появился новый элемент - та самая фотогаллерея

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

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

Находим там наш плагин, и включаем его (нажимаем на красный крестик) 

Теперь переходим к нашему компоненту , и нажимаем "создать" в верхнем правом углу 

Открывается окно создания фотогаллереи. Вводим заголовок, например "Галлерея 1", не важно, все равно его не будет видно. Формат пока оставим без изменений, потом поэкспериментируем с ним. В общем вводим только заголовок и нажимаем "сохранить". 

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

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

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

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

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

Обратите внимание на интересный пункт 

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

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

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

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

Сам пункт меню "Фотографии" у нас должен располагаться между пунктами "Номера" и "Контакты". 

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

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

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

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

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

Просмотров: 355 | Добавил: muradkurshumov | Теги: Урок 8 - добавляем фотогаллерею | Рейтинг: 0.0/0
Всего комментариев: 0
Движок: uCoz
Адаптация by © AID