Урок 8 - додаємо фотогалерею

Починаємо черговий урок. Зараз ми ставитимемо фотогалерею.

Фотогалерея - це стороннє розширення, не вбудоване у 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

Це ідентифікатор нашої фотогалереї. Як це працює. Наприклад, в одну із статей з'явилася необхідність вставити цю фотогалерею. У місці, де це потрібно зробити, ми вставляємо цей ідентифікатор - При завантаженні цієї сторінки замість цього напису з'явиться наша галерея. А тепер розглянемо на прикладі.

Через менеджер матеріалів створюємо новий матеріал. Якщо пам'ятаєте, як це робиться, повторіть Урок 3.

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

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

Сам пункт меню "Фотографії" має розташовуватися між пунктами "Номери" і "Контакти". Робиться це так, як показано на малюнку - КАРТИНКА 16

Можете поекспериментувати та вставити його між іншими пунктами.

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

Тепер спробуємо різні формати фотогалереї. Повертаючись до адмінзони і заходимо в "менеджер галерей". Там є вкладка "Формат галереї" - КАРТИНКА 19

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

Після цього створюєте таким же способом решту галереї. Заходьте в "Менеджер матеріалів" і редагуєте матеріал "Фотографії", а саме додаєте там текст і нові галереї. Тільки зверніть увагу, що ідентифікатор для кожної галереї свій! Наприклад, для галереї 2, він буде і т.д. Коротше зверніть особливу увагу на це. А я покажу Вам, що в мене вийшло - КАРТИНКА 17 та КАРТИНКА 18

Ще раз повторюся, що формат галереї – справа смаку.