Joomla - урок 15

В уроці 10 ми з вами робили головне меню сайту і запам'ятали:

Щоб створити в Joomla меню, необхідно:

  • Створити саме меню і його пункти в Меню - Меню.
  • Створити та налаштувати модуль для роботи меню в Розширення - Модулі.
Отже, йдемо в Меню - Меню. натискаємо кнопку Створити і задаємо параметри нашого меню:
  • Тип меню - leftmenu.
  • Тема - Каталог товарів.
  • Опис - Меню каталогу товарів.
  • Тема модуля - Ліве меню.

Натискаємо на кнопку Зберегти. Тепер йдемо в Розширення - Модулі. бачимо, що наше меню з'явилося:

Заходимо в нього, щоб перевірити настройки (подвійним клацанням миші по назві):

У нас повинні бути такі настройки:
  • Тема - Каталог товарів.
  • Відображати заголовок - ТАК.
  • Включений - Так (інакше ми не побачимо нашого меню).
  • Положення - left (ліворуч).
  • В параметрах модуля (праворуч вікна) в поле Стиль меню - Список (тобто вертикальне меню).
Перевіряємо їх і натискаємо кнопку Зберегти. Тепер йдемо на наш сайт (в браузері набираємо localhost / oboi, якщо хто забув) і бачимо, що наше меню з'явилося:

Тепер нам треба створити наш перший пункт меню - Брянськ, але давайте подивимося на меню сайту-зразка. У ньому присутні слова творці і трохи нижче - плитка, плінтус, вони як би розділяють меню на дві частини. В Joomla такі вставки так і називаються Роздільники. І зараз нам треба створити перший роздільник - Усі творці. Для цього йдемо в Меню - Меню. клацаємо по піктограмі Пункт меню:

Натискаємо на кнопку Створити. вибираємо тип пункту меню - Роздільник (клацаємо по ньому):

Даємо йому заголовок - Усі творці:

Зберігаємо, йдемо на наш сайт і бачимо, що роздільник з'явився:

Тепер створюємо пункт меню - Брянськ. Тут можливі кілька варіантів і на деякі ми зараз подивимося. Натискаємо на кнопку Створити в менеджері пунктів меню, але тепер вибираємо тип пункту меню - Статті (клацаємо по ньому), а в ньому - Статті розділу у вигляді блогу:

Як бачите, при натисканні з цього пункту меню відкрилася сторінка, де відображаються всі статті розділу Брянськ. А якщо клацнути по назві статті, то ми потрапимо на сторінку самій статті (а якщо поклацати по зображеннях наших фотогалерей, то вони будуть збільшуватися в розмірах). Такий вид пункту меню часто використовується в блогах, звідси і його назва.

Можете поекспериментувати з налаштуваннями цього пункту меню, наприклад, в основних параметрах (праворуч вікна) в поле Стовпці поставити цифру 2. Тоді статті будуть розташовуватися не одна під інший, а в двох сусідніх колонках. І взагалі, не бійтеся задавати різні варіанти налаштувань і дивитися, як це змінює ваш сайт. Адже про все дуже важко розповісти, та й виходить на практиці наочніше.

Тепер давайте спробуємо зробити сторінку розділу, схожою на сайт-зразок. Для цього перш за все змінимо тип пункту меню. Йдемо в Меню - Меню. клацаємо по піктограмі Пункт меню. а потім на нашу пункту Брянськ. У вікні клацаємо по кнопці Змінити тип:

Потрібні нам посилання з'явилися, але картинок і тексту немає. Щоб вони з'явилися треба змінити опис самого розділу, а то в пункті меню ми вказали, що треба показувати опис розділу, а самого опису в розділі у нас немає.

Тому йдемо в Статті - Розділи. клацаємо на нашу розділу Брянськ і в поле Опис вносимо наш текст і вставляємо картинки (так само, як ми це робили, створюючи звичайні статті). Картинки, як ви пам'ятаєте треба попередньо покласти в папку stories (детально про це ми говорили в уроці 7).

Зберігаємо, йдемо на наш сайт, оновлюємо сторінку і бачимо результат:

На цьому ми власне і закінчимо наповнювати наш сайт матеріалами. Нам залишилося лише підкоригувати шаблон нашого сайту, щоб його дизайн став схожий на оригінал. Цим ми і займемося на наступному уроці.

Якщо цей сайт виявився вам корисний, ви можете допомогти в його розвитку, поставивши одну з цих посилань на свій сайт.

Схожі статті