Керівництво по joomla. Урок 4. Як створити меню?

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

Відео: Створення сайтів на Joomla - Меню, модулі Урок 4

Ми пам`ятаємо, що у нас вже створені два розділи, один з яких називається «Овочі», де в свою чергу розташовуються категорії: «Картопля», «Огірки», «Помідори». Другий наш розділ носить ім`я «Фрукти» і тут ми бачимо категорії «Банани», «Абрикоси» і «Яблука».

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

Для створення і редагування нашого меню ми зайдемо в розділ «Меню».

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

За замовчуванням система управління контентом Joomla, пропонує нам наступний набір меню:

mainmenu (main menu) - головне меню сайту. Передбачається, що саме тут (що зовсім необов`язково) будуть розташовуватися найбільш затребувані для користувача сайту пункти. Тобто на них він буде натискати найчастіше.

Othermenu і topmenu - ще одне меню, яке ви при бажанні маєте можливість поставити на свій сайт. Робота з цими меню нічим не відрізняється від mainmenu, всі види перерахованих меню взаємозамінні. Тобто ви можете не використовувати mainmenu взагалі, а на його місце поставити Othermenu або topmenu і, відповідно навпаки.

Usermenu - дане меню, як правило, використовується для зареєстрованих користувачів. А саме: якщо власник сайту дозволяє відвідувачам свого ресурсу додавати матеріали, він може поставити Usermenu, яке дозволяє додати новину, статтю і інший матеріал.

Нас на даний момент цікавить лише mainmenu, тобто головне меню. Саме сюди ми будемо додавати нові пункти. Тому в головному меню вашої адміністративної панелі вибираємо пункт mainmenu.

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

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

Тепер, коли ми позбулися непотрібного сміття, прийшла пора створити власні і неповторні пункти меню.

Першим нашим пунктом стануть «Овочі». У майбутньому, після створення цього пункту меню відвідувач сайту при натисканні мишкою по ньому зможе побачити всі матеріали, які відносяться до розділу «Овочі». Тобто йому будуть показані всі статті, які відносяться до категорій «Картопля», «Огірки» і «Помідори».

Для створення нового пункту меню в системі управління контентом Joomla, в правому верхньому куті ми натискаємо кнопку «Новий».

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

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

ім`я - в це текстове поле ми вводимо ім`я нашого майбутнього пункту меню. Логічно буде сюди вписати слово «Овочі».

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

батько - пункти меню можуть бути як самі по собі, так і бути дочірніми по відношенню до певного батькові. Спробую розшифрувати те, що сам щойно написав. Ми трохи пізніше будемо створювати пункти «Огірки», «Картопля» і «Помідори», які будуть вести нас до відповідних категорії. Так як категорії ці відносяться до розділу «Овочі», логічно буде прив`язати їх до якогось то більш значущого і об`єднуючого за змістом пункту. Безсумнівно в нашому випадку таким пунктом є «Овочі».

Пізніше при створенні пункту меню, який буде вести на одну з категорій, ми поставимо батьком «Овочі» або «Фрукти» (в залежності від обраної категорії).

Відео: Joomla Sensei - безкоштовний онлайн проект по створенню сайтів на Joomla 3

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

Рівень доступу - тут ми визначаємо кому будуть доступні матеріали з відповідного пункту меню.

Public - до будь-кого, що зайшов на ваш сайт
Registered - тільки зареєстрованим користувачам
Special - певної групи користувачів, до якої за замовчуванням відносяться менеджери, адміністратори і суперадміністратора сайту. Трохи пізніше, в одному з уроків, ми розберемося з користувачами сайту. Дізнаємося хто це такі і які їх види зустрічаються нині в природі.

публікація - даний перемикач виконує дуже просту функцію. Він визначає - активний (видно) чи ні наш пункт меню на сайті.

Коли всі параметри введені, ми натискаємо кнопку «Зберегти» у правому верхньому кутку екрану і виявляємо, що створений новий пункт меню. Абсолютно так само ми створимо пункт, прив`язаний до розділу «Фрукти».

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

У вже знайомому вікні ми на цей раз обираємо пункт «Блог - вміст категорії». І тільки після цього натискаємо кнопку «Далі» в правому верхньому кутку екрану.

Налаштування лівій частині вікна під назвою «Додати Пункт меню :: Блог - матеріали категорії» будуть дещо відрізнятися від раніше виконаних нами дій при додаванні пункту меню для розділу.

А відрізнятися настройки будуть зміною батька пункту меню. Ми вже говорили, що для категорії «Помідори» ми зробимо батьком пункт меню «Овочі». Слід зауважити, що перераховані вище дії абсолютно необов`язкові і наш пункт цілком міг би існувати як абсолютно повноцінний самостійний елемент, без всяких там батьків. Однак для наочності ми все таки виберемо батька і натиснемо кнопку «Зберегти»

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

Пропоную створити відсутні пункти меню, щоб виглядало воно наступним чином:

Тепер давайте подивимося на наш сайт. Що ж вийшло після всіх перерахованих вище дій? А вийшло наступне:

Для збільшення картинки, клацніть мишою на малюнку

Увага! Порада!Одним з найбільш поширених питань є: як зробити щоб матеріали на головній сторінці відображалися не в дві колонки, а в одну. Для цього клацаємо за пунктом меню "Головна", дивимося в праву частину екрану (Параметри) і в текстове поле "Колонки" вводимо значення "1". Зберігаємо меню. Все готово!

При натисканні або по напису «Овочі» або «Фрукти» з`явиться список пунктів, які прив`язані до категорій. А як зробити, щоб меню було розгорнутим і всі пункти меню було видно з самого початку?

Для цього ми повернемося в адміністративну панель сайту і зайдемо в розділ, де редагуються модулі, що встановлені в системі управління контентом Joomla.

Для цього переходимо в головне меню адміністративної панелі і вибираємо там пункт «Модулі сайту» так як показано на малюнку:

Відео: Як швидко створити самому сайт на Joomla 2.5. Урок 4 з 6: Структура сайту. Меню. контент

Кожному меню, будь то mainmenu або інше відповідає свій модуль. Перш ніж приступати до пошуку оного слід знати відповідності назв. Тобто яке найменування модуля відповідає певному меню. Для описаних вище меню відповідності будуть наступними:

Відео: Урок 3. Підключення стилів. Створення головного меню

mainmenu - Головне меню
topmenu - Верхнє меню
usermenu - Меню користувача
othermenu - Інше меню

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

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

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

Вивчимо уважніше обидва розділу.

Розділ «Подробности»

Заголовок - це назва модуля воно може відображатися на сайті, в Joomla передбачена також можливість його приховування. Налаштовується цю справу нижчого перемикачем під назвою «Показувати заголовок».
позиція - розташування модуля на сторінці. Як дізнатися можливі позиції модулів написано тут

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

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

Розділ «Параметри»

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

стиль меню - як відомо, меню може бути вертикальним, тобто розташовуватися в стовпчик, горизонтальним (пункти стоять в одну текстову рядок). Також наше меню може виглядати, як список. Параметр «стиль меню» служить для налаштування зовнішнього вигляду меню і вибравши один з параметрів, ми змінимо уявлення Головного меню на сайті.
Розгорнути меню - цей елемент управління як раз дозволяє нам вирішити питання з дочірніми пунктами меню. Будуть вони видно відразу при відвідуванні сайту, або все таки потрібно клацнути мишкою по їх батьків. Якщо ми встановимо перемикач «розгорнути меню» в положення «ТАК», то на сайті отримаємо наступний результат:

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

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

З повагою, Гоша Комп`ютерний

{Mosloadposition cpanel}