МожливостіМОЖЛИВОСТІ

image

Необхідна інформація

Тут ви знайдете тільки корисну інформацію без води.
 
image

Безкоштовно

Всі уроки, рекомендації та поради абсолютно безкоштовні.

Вибір хостингу

46 уроків на одній сторінці

SEO блог

Урок 8: що таке розширення та як створити меню і його модуль?

У цьому уроці ми обговоримо, що ж таке розширення в Joomla, для чого вони потрібні та як з ними працювати. Розширення призначені для розширення (вибачте за тавтологію) функціональних можливостей сайту на основі Joomla. Вони можуть бути представлені як модулі, компоненти та плагіни.

Модулі зазвичай використовуються для відображення будь-якої інформації в певних позиціях шаблону сайту (наприклад, меню, опитування, блоки реклами, список останніх статей і т.п.). Компоненти зазвичай являють собою міні-додатки, вони значно важливіші й складніші за модулі (наприклад, галереї, системи коментарів, форуми і т.п.). А ось за допомогою плагінів можна управляти виведенням даних перед їх відображенням у браузері користувача. Деякі розширення можуть складатися тільки з модуля, компонента або плагіна, а можуть містити в собі всі ці складові одночасно.

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

Стандартні модулі Joomla

Зараз ми з вами будемо говорити про модулі. Поки вам нічого завантажувати не треба буде, так як в цьому уроці ми будемо обговорювати вже вбудовані в Joomla розширення (стандартний функціонал). Одним з найважливіших і популярних модулів є модуль меню.

Наприклад, на нашому сайті із самого початку вже було «Головне меню» (Main Menu), і ми навіть з ним вже працювали, додаючи в нього додаткові пункти. Тепер же ми навчимося створювати нове меню та відображати його в будь-якій із позицій шаблону нашого сайту. Кожне меню, яке відображається на сайті, обов'язково має зв'язок зі своїм модулем. Іншими словами — не можна виводити на екран новостворене меню без створення для нього відповідного модуля (або використання модуля іншого меню).

Модуль меню

Давайте в адмінпанелі у верхньому меню знайдемо вкладку «Розширення» й виберемо «Модулі». Тут ми якраз можемо бачити модуль «Main Menu», який відповідає за відображення нашого головного меню на сайті. Спробуйте в колонці «Статус» натиснути на зелену галочку, щоб вимкнути цей модуль. Тепер перейдіть на сайт «sitetest» і оновіть сторінку — що змінилося? Вірно! Головне меню просто зникло. Тепер на вкладці «Модулі» ввімкніть модуль головного меню, натиснувши на червоне коло в колонці «Статус» — наше головне меню знову відображатиметься на сайті.

Тепер розглянемо налаштування модуля меню на прикладі вже існуючого модуля головного меню. Натискаємо на «Main Menu». Тут бачимо поле «Назва», можливість приховування назви в полі «Показати назву», увімкнути/вимкнути модуль в полі «Статус». Далі йде дуже важлива функція: вибір позиції шаблону, на якій буде відображатися дане розширення. При розробці шаблону автори вписують в нього чіткі позиції, де можна відображати те чи інше розширення. Причому у різних шаблонів ці позиції можуть відрізнятися.

Як подивитися, які позиції існують в шаблоні? Для цього необхідно в адресному рядку нашого сайту дописати безпосередньо після адреси комбінацію /?tp=1, тобто рядок адреси в нашому випадку має виглядати так: http://sitetest/?tp=1 Однак, насамперед потрібно перейти по такому шляху: «Розширення» => «Шаблони», а там праворуч вгорі натискаємо на кнопку «Параметри». Відкриється така сторінка, де потрібно буде ввімкнути поле «Перегляд позиції модулів»:

Натисніть «Зберегти і закрити». Тепер оновіть сторінку сайту: ми бачимо, де і які позиції в нашому шаблоні (саме в стандартному шаблоні вони просто названі Position-1, Position-2 і т.д.), але зазвичай в шаблонах, з якими ви будете працювати, вони називаються так: sidebar, top, content-top, content-bottom, breadcrumb, footer, debug і т.д. В налаштуваннях модуля головного меню у нас стоїть позиція Position-7, а, значить, меню там і відображається.

Продовжимо розгляд налаштувань модуля меню. В полі «Сортування» можна вказати, в якому порядку буде відображатися даний модуль, якщо на обраній позиції (в нашому випадку Position-7) буде відображатися відразу кілька розширень. На вкладці «Призначення меню» можна вибрати сторінки сайту, на яких наш модуль буде відображатися.

Більш докладно призначення меню ми розглянемо при створенні нового меню. У параметрах модуля на вкладці «Розширений» можна вибрати, яке саме меню буде прив'язане до даного модулю і стиль меню (як саме воно повинно відображатися — списком, вертикально, горизонтально або плоским списком).

На вкладці «Розширений» також варто звернути увагу на «Суфікс класу модуля», який дозволяє задати для конкретного модуля певний стиль відображення. За допомогою цього суфікса, знаючи HTML і CSS, можна написати конкретний стиль для певного модуля. Якби цього суфікса не було, то всі модулі виглядали б однаково.

Як створити нове меню?

Тепер давайте спробуємо створити нове меню на нашому сайті. Для цього натискаємо «Зберегти і закрити» та переходимо на вкладку «Меню» і обираємо «Менеджер». Натискаємо «Створити», після чого бачимо форму додавання нового меню. Перш за все, слід вказати «Тип меню», він повинен бути написаний малими латинськими літерами без пробілів, наприклад, «newmenu». Назва меню — це те, що буде відображатися на вкладці «Менеджер» в «Меню», у нас нехай це буде «Нове меню». Поле «Опис» заповнювати не обов'язково. Натискаємо «Зберегти і закрити».

Тепер наше меню створено, але в ньому поки немає пунктів. Щоб не витрачати час на їх створення, давайте в нашому випадку їх просто скопіюємо з головного меню. Для цього натискаємо на «Main Menu» в списку менеджера.

Виберемо, наприклад, другий і третій пункти (поставимо напроти них прапорці) та натиснемо вгорі «Пакетна обробка». Тут в полі як на скріншоті нижче вибираємо наше «Нове меню», ставимо прапорець навпроти «Копіювати» і натискаємо «Застосувати».

Тепер якщо зайти на вкладку «Меню» і вибрати «Менеджер», то можна побачити, що навпроти нашого «Нового меню» вже є 2 опублікованих пункту (зелений овал з двійкою всередині навпроти назви меню). Однак зараз на нашому сайті наше нове меню все ще не відображається, так як ми поки ще не ввімкнули модуль, який відповідає за його відображення.

Для створення модуля можна або піти на вкладку «Розширення» => «Модулі» і натиснути «Створити», або прямо в менеджері меню навпроти «Нового меню» натиснути кнопку «Додати модуль для цього типу меню»:

Перед нами відкрилася вже знайома форма налаштування модуля меню. У полі «Назва» напишемо «Нове меню», встановимо позицію Position-7. Якщо ви перейшли за другим варіантом до створення модуля, то у вас вже буде попередньо заповнене поле «Обрати меню» (Нове меню). Натискаємо «Зберегти».

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

Тепер що стосується відображення меню на різних сторінках сайту. Щоб наше нове меню відображалося, наприклад, тільки на головній, необхідно в налаштуваннях його модуля у формі «Призначення меню» потрібно вибрати «Тільки на обраних сторінках» і в списку поставити прапорець тільки навпроти «Головна». Натискаємо «Зберегти» і дивимося, що змінилося на сайті. На головній сторінці відображаються обидва меню, а ось на всіх інших сторінках сайту — лише головне меню, а нового немає. Таким чином можна прив'язати меню до певних сторінок.

Давайте вернемо назад, щоб нове меню відображалося на всіх сторінках сайту: в формі «Призначення меню» виберемо «На всіх сторінках». Але при цьому змінимо позицію відображення меню з Position-7 на Top. Натискаємо «Зберегти і закрити» й оновлюємо сторінку нашого сайту. В кінці цього уроку ваш сайт має виглядати ось так:

На цьому завершуємо урок 8. Ви можете перейти до наступного уроку або повернутися до попереднього.

Рекомендовано

  • Хостинг - домен безкоштовно
  • Купити статті для сайту
  • Купити-продати посилання
  • Купити-продати вічні посилання

Яндекс.Метрика