1. Як створити меню Joomla
2. Як додати пункти в меню Joomla
3. Як вивести меню на сайт Joomla

Доброго часу доби, дорогі читачі мого блогу ! Продовжуємо створювати наш перший сайт на Joomla! У попередніх уроках ми навчилися створювати статті і вставляти в них зображення . Сьогодні нарешті поговоримо про те, як же вивести створені нами матеріали на сторінки сайту, тобто дізнаємося, як створити і налаштувати меню Joomla.

Я вже згадувала про те, що для того, щоб стаття з'явилася на сайті, вона повинна бути прив'язана до якогось пункту меню, тобто на неї повинна вести посилання. Це природне обмеження самого движка - адже ми створюємо динамічний сайт, сторінки якого генеруються в момент звернення до них користувача.

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

Отже, сьогодні ми з вами розглянемо, як створити меню Joomla, як його налаштувати і вивести на сайті.

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

Отже, управління меню в Joomla здійснюється через Менеджер меню (за аналогією з Менеджером категорій, матеріалів, посилань. Joomla взагалі любить усілякі менеджери 🙂). Потрапити в нього можна або з головної сторінки адмінки при натисканні на піктограму: або в головному меню «Меню» -> «Менеджер меню».

Ось що менеджер меню вдає із себе:

1. Перш за все, тут присутній дві вкладки: "Меню» - перераховані всі меню, які є на сайті. Ви можете створювати будь-яку кількість різних меню. Стільки, скільки вам потрібно.
2. Всі вони будуть присутні в цьому списку. »Пункти меню» - при переході на цю вкладку ви побачите всі пункти того меню, яке ви редагували останнім. На мій погляд, це не самий логічний підхід - щоб зайти всередину потрібного меню і побачити його пункти, наочніше і зручніше просто клікнути по його назві в списку всіх меню (3). Але ця вкладка є, і про неї потрібно знати. далі:
3. список меню
4. Тут можна подивитися, скільки пунктів меню опубліковано, скільки - ні, скільки видалено, і впорядкувати пункти меню за цими ознаками.
5. Дуже важливий момент - зазначено, в якій позиції розташоване це меню (точніше, не сама меню, а модуль, який це меню виводить. Але про це далі). Якщо пам'ятаєте, розташування всіх позицій шаблону можна подивитися, дописавши в адресному рядку після імені сайту /? Tp = 1.
6. Ну і кнопки стандартних операцій - додавання нового меню, видалення вже наявного і т.д.

Воеможно, ви звернули увагу, що в Joomla за замовчуванням уже присутній вбудоване меню «Main menu», в якому лише один пункт - «Номі», тобто головна сторінка. Це як раз ілюстрація того, про що я говорила вище - щоб сторінка була видна на сайті, в меню має бути посилання на неї.

Стандартне меню Joomla можна, звичайно, просто налаштувати під свої потреби, але я раджу вам не використовувати його, а створити свої менюшки, а вбудоване потім видалити. Знову-таки, як і в випадку з видаленням стандартної вбудованої категорії, спочатку створити свої, а тільки потім видаляти вбудоване меню.

Тут справа ось у чому: на сайті має бути обов'язково присутня меню, один з пунктів якого повинен бути позначений як головна сторінка. Це меню видаляти не можна, інакше у сайту просто не буде головною, і він не відкриється. На практиці, звичайно, такого не станеться - Joomla просто не дозволить вам видалити меню, в якому вказана головна сторінка сайту.

Як призначити ту чи іншу сторінку головною, ми поговоримо трохи нижче, коли почнемо створювати своє меню Joomla.

Для того, щоб створити нове меню, натискаємо на піктограму «Створити» в правому верхньому кутку Менеджера меню.

Вікно містить мінімум налаштувань:

1. Назва меню - під яким ім'ям меню буде в списку всіх меню
2. Тип меню - ім'я цього меню для системи. Простіше і зручніше задавати «говорять імена» - я планую розташувати меню зліва, звідси і назва.
3. Опис вводити не обов'язково, хоча якщо у вас є якісь замітки, пов'язані з цим меню, можете заповнити це поле

Зверніть увагу: всі ці імена і описи на сайті НЕ виводяться! Вони потрібні тільки для внутрішнього користування. Так що можете задавати будь-які зручні і зрозумілі особисто вам назви!

Тиснемо «Зберегти і закрити», і новостворене меню з'являється в списку: Однак, поки що наше меню - всього лише порожня оболонка, в ньому немає жодного пункту меню. Зараз ми цим займаємося.

Як додати пункти в меню Joomla

Входимо всередину створеного меню, клікнувши на його назві, і натискаємо «Створити». Відкривається вікно додавання нового пункту меню.

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

Ми можемо «повісити» на наш пункт меню і контактні сторінки, і пошук, і посилання, і звернення до новинних стрічках і т.д. Крім того, коли ви встановлюєте нові компоненти, то вони вбудовують в це вікно і свої пункти. Наприклад, компонент фотогалереї додає можливість створення пункту меню, провідного на сторінку галереї.

Розбирати всі ці можливості зараз не має сенсу. Говорити ми будемо про них у міру того, як будемо вивчати можливості Joomla. Будемо вчитися створювати сторінку контактів, тоді і створимо потрібний пункт меню, наприклад. Зараз же у нас мова йде про виведення матеріалів, тому нас цікавить розділ «Матеріали». Давайте подивимося, які можливості виведення матеріалів нам доступні.

Отже, на пункт меню можна призначити:

1. Архівні матеріали - такий пункт меню буде виводити список матеріалів, вміщених в архів. При цьому можна задати такі параметри, які з'являться після вибору пункту меню в правій частині вікна створення нового пункту: Порядок виведення матеріалів (1), тобто за яким принципом матеріали будуть розташовуватися на сторінці. Якщо ви вибрали сортування по датах, то потрібно визначити, які дати потрібно мати на увазі: створення, зміни або опублікування статті (2). Зазначаємо, скільки матеріалів буде виводитися (3), по якому полю можна буде сортувати матеріали, і чи буде така сортування взагалі доступна користувачам (4), і ставимо кількість символів в анонсі статті, тобто в тому тексті, який буде виводитися на сторінку перед словом «більше» (5).
2. Матеріал - тобто при натисканні на даний пункт меню користувач відразу потраплятиме на сторінку з повним матеріалом. В цьому випадку слід вибрати матеріал, на який буде вказувати створюваний пункт меню. Зробити це можна в правій частині вікна в пункті «Обов'язкові параметри»: Тиснете «Вибрати / змінити» і вибираєте потрібну статтю.
3. Список всіх категорій. Такий пункт меню виведе список всіх категорій, які містить в собі зазначена батьківська категорія. Цю саму батьківську категорію потрібно задати в обов'язкових настройках, вибравши зі списку всіх категорій, наявних на сайті. Зверніть увагу, що при значенні «Корінь» будуть виведені взагалі всі категорії сайту.
4. У блозі категорій - виведе всі матеріали з зазначеної категорії у вигляді блогу, тобто у вигляді анонсів статей з посиланням «Детальніше» для переходу до повного тексту статті. Категорія вказується в обов'язкових настройках.
5. Список матеріалів категорії - аналогічно попередньому пункту, але матеріали на сторінці будуть у вигляді списку заголовок-посилань на їх повний текст без анонсів.
6. Вибрані матеріали - тут все ясно, виводяться всі статті, яким ми привласнювали статус обраних (а ми це робили, щоб, наприклад, без меню вивести новостворений матеріал на головній сторінці. Тепер стає ясно, чому це працює: пункту меню, який в Joomla за замовчуванням веде на головну сторінку, як раз і присвоєно тип «Вибрані матеріали».).
7. Ну і можна створити пункт меню, який відкриє форму для створення на сайті з боку фронтендів нового матеріалу. Звичайно, такий пункт меню потрібен в тому випадку, якщо у вас на сайті користувачам (або певним групам користувачів) дозволено створювати контент сайту.

Визначившись з типом пункту меню, продовжуємо його створення:

1. Вводимо заголовок пункту меню. А ось цей заголовок на сайті виводиться!
2. Алиас заповнюється автоматично транслитом назви. Можна забити вручну при необхідності.
3. Тут можна ввести якісь свої позначки
4. При бажанні можна не публікувати створюваний пункт меню, і він не буде відображатися на сайті. Також для нього можна виставити рівень доступу.
5. А ось тут уважно виберіть зі списку саме те меню, пункт якого створюєте. Зазвичай воно вже вибрано за замовчуванням, але завжди варто перевірити, щоб потім не плюватися, переробляючи!
6. Якщо ви створюєте підпункт якогось пункту меню, то в якості батька вибирайте саме його. Joomla дозволяє створювати меню будь-якого ступеня вкладеності підпунктів, але зловживати цим, напевно, не слід, щоб не заплутати користувача. Двох-трьох рівнів вкладеності цілком достатньо. Якщо вам потрібно більше, краще зробіть ще кілька окремих менюшек.
7. Де відкриється нова сторінка - в тому ж вікні або в новому. Звичайно, зручно здійснювати переходи в рамках одного вікна, але можливо, у вас виникне необхідність вчинити інакше. Joomla - це комбайн. Далеко не факт, що ви використовуєте її можливості хоча б наполовину. Вона дозволяє зробити з сайтом абсолютно все, що в голову прийде. І хоча мене часто ставлять в замішання деякі настройки і можливості - я просто не розумію і не можу уявити, навіщо і кому ЦЕ може стати в нагоді, може бути, як раз ви цими можливостями будете із задоволенням користуватися.
8. А ось тут якраз визначається, чи буде сторінка, на яку посилається цей пункт меню, головною на сайті чи ні.
9. Цікавий момент - для кожної сторінки сайту можна призначити свій шаблон, якщо у вас їх встановлено на сайті кілька. Корисно, якщо ви хочете якось виділити сторінку, на яку веде пункт меню, із загального стилю сайту.

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

Ось таким чином ми пункт за пунктом створюємо меню сайту. Однак не поспішайте оновлювати сторінку з сайтом - свого меню ви там все одно не знайдете. Чому?

Можливо, ви пам'ятаєте, що коли ми вивчали, як влаштована Joomla , Я згадувала про те, що щоб щось вивести на сайті, це щось потрібно помістити в модуль, а потім цей модуль розмістити в потрібній позиції.

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

Як вивести меню на сайт Joomla

Щоб створити модуль - блок на сторінці, в який можна помістити практично будь-який вміст, а конкретно зараз, меню - скористаємося Менеджером модулів.

Відкрити його можна, натиснувши на відповідну іконку на панелі керування: або Розширення -> Менеджер модулів: Інтерфейс його схожий на інші Менеджери Joomla, так що зупинимося лише на найбільш важливих елементах:

1. Список всіх модулів, які є на нашому сайті. У мене на скрині стандартні модулі Joomla, які включені в початковий пакет установки. У вас, можливо, будуть інші, хоча, якщо ви вперше відкриваєте Менеджер модулів, все повинно виглядати так само.
2. Включений чи ні модуль - тобто видно чи він на сайті чи ні. Кліком по цьому значку можна швидко перемикати стан - вмикати / вимикати модуль.
3. Позиція, в якій модуль розташований. Нагадаю, подивитися, які позиції є в шаблоні, можна, набравши в адресному рядку: імя_сайта /? Tp = 1. Ну і звичайно, перегляд позицій модулів повинен бути дозволений (а за замовчуванням він заборонений). Включається він тут: Розширення - Менеджер шаблонів - Налаштування.
4. Тип модуля, тобто по факту - його вміст.
5. Сторінки, на яких він розташований. Будь-модуль можна розташовувати як на всіх сторінках сайту, так і на деяких, і навіть на одній-єдиній. Де це зробити, читаємо далі.

настройка меню

Для створення нового модуля натискаємо «Створити», і з'являється нове спливаюче вікно, в якому потрібно вибрати тип створюваного модуля: Вибираємо «Меню» і потрапляємо в панель створення / редагування модуля:

1. Вводимо назву модуля - то, як дане меню буде називатися на сайті. Наприклад, в стандартному шаблоні Joomla вбудовано меню, яке називається Main menu: Так ось ця назва - це назва не самого меню, а того модуля, в якому воно розташоване.
2. Назву можна показувати на сайті, а можна його приховати. Це налаштовується тут.
3. Вибираємо позицію для модуля - місце, де хочемо меню розташувати. Натискаємо на «Вибір позиції» і у спливаючому вікні вибираємо потрібну. Зверніть увагу: якщо у вас встановлено кілька шаблонів, то будуть показані всі позиції. Але в різних шаблонах їх розташування, назва і кількість може відрізнятися, тому варто спочатку впорядкувати лише позиції активного шаблону, вибравши його зі списку в полі «Вибір шаблону».
4. Ці параметри ми вже розглядали не раз, йдемо далі.
5. Навіщо потрібен цей параметр? Справа в тому, що ви можете в одну і ту ж позицію поставити кілька модулів відразу. Ну наприклад, в вашому шаблоні в лівій колонці тільки одна модульна позиція, а вам хочеться бачити зліва і меню, і форму реєстрації / входу на сайт, і ще банер який-небудь. В такому випадку просто вказуємо цю єдину позицію доя всіх модулів, а в параметрі «порядок» вибираємо, який модуль в цій позиції буде відображатися першим, який - другим і т.д. Звичайно, якщо у вас в позиції один модуль, то вибирати порядок немає сенсу.
6. Можна вибрати в календарі дати, коли модуль з'явиться на сайті і коли буде знято з публікації. За замовчуванням він з'являється в момент створення і до кінця життя (тобто дата закінчення не вказується).
7. А ось як раз тут вибирається, на яких сторінках модуль буде виводитися. У мене на скрині вибрано «На всіх сторінках», тому настройки недоступні. Але якщо змінити вибір на «Тільки на зазначених», то поля вибору активуються: Увага! Вибір меню - це не вибір меню для модуля, а перелік сторінок, на які посилаються пункти цього меню. Ми ж пам'ятаємо: пункт меню відповідає сторінці сайту. Тобто в кожному меню, перемикаючись по вкладках (відзначені на скріншоті), вибираємо ті сторінки, на яких хочемо бачити наш створюваний модуль. Крім того, можна вказати ті сторінки, на яких, навпаки, цей модуль виводитися не буде, вибравши «На всіх сторінках, крім зазначених».
8. У правій частині вікна налаштовуємо параметри виведення самого меню. По-перше, вибираємо зі списку потрібне меню.
9. Вибираємо рівні пунктів меню, які будуть відображатися. Тут важко пояснити словами, просто поекспериментуйте на дозвіллі і зрозумієте сенс цих налаштувань.
10. Чи будуть показуватися підпункти пунктів меню, якщо у вас меню багатошарове. З точки зору зручності користувачів, звичайно, варто підпункти показувати, але вибирати вам.

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

Після всіх налаштувань натискаємо «Зберегти і закрити», і спостерігаємо новостворений модуль в списку.

Тепер оновлюємо сторінку сайту і - вітаю вас! - бачимо своє довгоочікуване меню!

Якщо ж раптом мої поздоровлення виявилися передчасними, то прошу в коменти - постараємося розібратися з вашою проблемою.

Ну ось на сьогодні і все! Я намагалася зробити урок якомога більш докладним і зрозумілим для початківців, буду намагатися і надалі писати такі статті. Так що підписуйтесь на оновлення , Щоб їх не пропустити!

До речі, наступний урок я присвячу нарешті налаштування виводу матеріалів на сайті Joomla. Про що піде мова?

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

Ось якраз налаштуванням відображення матеріалів Joomla ми і займемося в наступний раз. А поки Web-Кішка прощається з вами. До скорої зустрічі на сторінках мого авторського блогу !