Огляд модулів меню CMS Joomla 3.x.

1. Maxi Menu CK

CMSJoomla 2.5/3.x.

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

Після встановлення модуля на екрані відображаються посилання для завантаження документації до нього та платних опцій: розширеного пакету графічних тем оформлення, плагіна легкого керування меню, патчів для компонентів Virtuemart, Hikashop, Joomshopping і K2, а також плагіна для коректного відображення створеного меню на мобільних пристроях.

Далі потрібно перейти в Менеджер модулів і вибрати в ньому Maxi Menu CK. На вкладці «Module» панелі керування модулем можна вибрати меню для публікації, ввести унікальний ID модуля, базовий пункт меню та його початковий та кінцевий рівні, а також можна вимкнути опцію підрівнів.

Крім того, можна скористатися майстром налаштування меню:

Зручність використання майстра меню полягає у швидкому перемиканні між типами меню та необхідними їм опціями, але актуально здебільшого, лише у разі встановлених додатково платних розширень. На вкладці «Прив'язка до пунктів меню» можна вибрати сторінки сайту, на яких відображатиметься модуль; вкладці «Effect Options» дозволяє вимкнути використання ефектів на JavaScript, вибрати їх тип завантаження і зробити налаштування візуальних ефектів для пунктів та підпунктів меню. У «Styles Option» можна вибрати тему меню (за замовчуванням є три), орієнтацію меню, вимкнути адаптивний дизайн меню і вибрати файл CSS шаблону.

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

Розширення, що працює на сайті, виглядає наступним чином:

Дане меню (після встановлення платного патча) оптимально використовувати як основне меню для інтернет-магазину на Joomshopping, Virtuemart або Hikashop, оскільки воно дозволяє автоматично вивести список категорій товарів.

2. ARI Ext Menu

Розширення повністю сумісне зCMSJoomla 1.5-1.7/2.5/3.x.

Настроюваний модуль меню, що підтримує горизонтальну та вертикальну орієнтацію, два ефекти переходу.

Для встановлення розширення потрібно перейти до «Менеджера розширень», вибрати за допомогою діалогу завантажений файл модуля та натиснути на кнопку «Завантажити та встановити». У налаштуваннях модуля можна вибрати меню, яке відображатиметься за допомогою цього модуля, орієнтацію меню, початковий та кінцевий рівень ієрархії, а також налаштувати такі параметри, як показувати лише активні підпункти меню, підсвічувати поточний пункт меню. Серед системних налаштувань є опція завантаження бібліотеки ExtJS, вибір методу її завантаження та генерація унікального ідентифікатора. Також можна налаштувати параметри стилю пунктів та підпунктів меню: колір фону, тексту, розмір шрифту, вирівнювання та інше. Розширені налаштування модуля стандартні і містять параметри кешування, термін кешування, HTML-тег модуля, розмір Bootstrap, HTML-тег заголовка і CSS-клас заголовка. Після завдання модуля позиції та публікації модуля на сайті з'являється меню наступного вигляду:

3. Accordeon Menu CK

Розширення повністю сумісне зCMSJoomla 2.5/3.x.

Ще одне меню від студії JoomlaCK. Дозволяє вставити гарні ефекти під час відкриття підменю, багаторазово використовувати модуль на сторінці. Особливістю модуля є можливість вставки в нього інших модулів. Також на додаток до модуля є платні патчі для Hickashop та Virtuemart.

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

Перейшовши до панелі керування модулем, можна вибрати меню для відображення в модулі, базовий пункт меню, початковий і кінцевий рівні, а також встановити суфікси та тип вирівнювання посилань для зображень. На вкладці «Effects» можна вибрати подію, при якій пункт меню відкривається, чи буде показано посилання при наведенні курсору миші на зображення, тип переходу, необхідність використання ефектів активного підменю; також можна встановити ID пункту меню, активного за промовчанням. На вкладці «Styles» можна вибрати для меню тему оформлення, вказати папки із зображеннями, які будуть відображатися при згорнутому та при розгорнутому меню, а також вказати для них позицію вирівнювання. Вкладка «Menu styles» містить безліч параметрів зовнішнього вигляду меню: полів, заднього плану, закруглення кутів пунктів меню, тіней і меж. На вкладках «First level link styles», «Second level link styles» та «Other level link styles» можна змінити шрифт, колір тексту та фон для посилань, які виводяться в пунктах меню. Вкладка "Third party extensions Options" призначена для налаштувань сумісності з компонентами "Hikashop" і "Virtuemart" і вимагає завантаження та встановлення відповідних патчів. Налаштування мобільних опцій у безкоштовній версії розширення також недоступне.

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

4. JB DropDown Menu для Bootstrap

Розширення повністю сумісне зCMSJoomla 2.5/3.x.

Модуль меню, що працює з Twitter"s Bootstrap і JBootstrap, заснований на вбудованому модулі меню Joomla. Установка модуля стандартна. У налаштуваннях модуля потрібно лише вибрати одне з меню системи, початковий і кінцевий рівень, а також є можливість відображати підпункти меню. , як Ви призначите даному модулю його позицію та опублікуєте його, на сайті з'явиться меню наступного виду:

5. DJ-Menu

Розширення повністю сумісне зCMSJoomla 2.5/3.x.

Меню зі списком, що випадає, і анімованими ефектами на базі Mootools. Встановлення модуля виконується стандартно. На вкладці «Module» налаштувань розширення необхідно вибрати меню, яке модуль відображатиме, а також визначити останній з його рівнів і, якщо це потрібно, увімкнути виведення меню на маленьких екранах та встановити його ширину у цьому випадку. Вкладка CSS3 Animations and script features дозволяє налаштувати ефекти анімації при вході та виході з меню, а також швидкість анімації, встановити час затримки при закритті підменю, CSS-клас заголовка, його HTML-тег і розмір Bootstrap.

Нижче наведено приклад створеного за допомогою цього модуля меню.

Усі розглянуті в огляді модулі для створення на сайті під керуванням CMS Joomla 3.x меню дозволяють створити меню з підрівнями. Розглянуті модулі здебільшого відрізняються наявністю тих чи інших ефектів анімації та можливістю відображення на мобільних пристроях. Тому для сайтів, орієнтованих на мобільних користувачів (а таких стає все більше), варто віддати перевагу модулю DJ-Menu. Модуль «Accordeon Menu CK» гарний тим, що дозволяє вставити вміст іншого модуля; модуль JB DropDown Menu for Bootstrap - найпростіший і найлегший з розглянутих розширень і буде непогано виглядати в парі, наприклад, з модулем меню Joomla за замовчуванням. Функціональність модуля «Maxi Menu CK» вражає, але оскільки у безкоштовній версії вона суттєво обмежена, для того, щоб скористатися нею, потрібні фінансові вкладення.

Створюємо меню в Джумлі 3

У цьому уроці ми розглянемо процес створення меню на Вашому сайті під керуванням CMS Joomla 3. На сайтах під керуванням Джумла можна створити меню будь-якого виду. Ми розглянемо 3 основні типи меню для Вашого сайту

- Joomla 3

- Joomla 3

- Випадаюче меню Joomla 3

Створення звичайного меню в Joomla 3

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

Створюється таке меню досить легко. Спочатку необхідно визначитися з позицією, на якій буде розташований даний пункт меню. Щоб переглянути позиції Вашого сайту, необхідно до його адреси додати значення «? tp =1» та перейти за вказаною адресою. Наприклад,site. ru /? tp=1. У результаті повинні будуть відобразитися всі позиції, які є у встановленому шаблоні на Вашому сайті

Якщо позиції не відображаються, то, швидше за все, у Вас вимкнений їхній висновок. Щоб увімкнути їх, перейдіть до розділу СИСТЕМА – ЗАГАЛЬНІ НАЛАШТУВАННЯ – МЕНЕДЖЕР ШАБЛОНІВ.

І в розділі ПЕРЕГЛЯД ПОЗИЦІЙ МОДУЛІВвстановіть значення – УВІМКНЕНО .

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

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

1) Для початку переходимо в розділ МЕНЮ – МЕНЕДЖЕР МЕНЮ

2) Тут нас цікавить пункт

3) Після цього Ви потрапите до розділу параметрів меню.

Вам необхідно заповнити такі поля:

Заголовок- Назва Вашого меню. Можете вказати «Ліве меню» або ж задати йому конкретну назву «Статті про рибалку»

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

Опис- Ви можете написати кілька фраз про своє меню. Поле необов'язкове та його можна не заповнювати.

4) Тепер необхідно вказати позицію, де розташовуватиметься дане меню. Ми створили меню, надавши йому назву «123». Тепер воно розташоване у розділі МЕНЮ – МЕНЕДЖЕР МЕНЮ.

5) Тиснемо на кнопку «Додати модуль для даного типу меню»

Тут Вам необхідно вказати:

Заголовок меню – вкажіть назву Вашого меню.

Показувати заголовок – встановіть ПОКАЗАТИ якщо хочете, щоб заголовок відображався на сайті.

Стан – встановіть ОПУБЛІКОВАНО

У розділі ПОЗИЦІЯ Ви повинні вказати позицію, де буде розташоване меню

Наприклад, на сайті використовується шаблон - Lightbreeze-blue означає, вибираємо його та вказуємо позицію, де буде розташоване це меню!

Але меню не буде відображатися на сайті, доки Ви не створите хоча б 1 пункт. Для створення пункту меню необхідно у розділі МЕНЮ вибрати створене меню і у вікні вибрати розділ .

Після цього ми потрапляємо на сторінку створення пункту меню.

Тут вкажіть заголовок меню та вибирайте

Джумла пропонує своїм користувачам велику різноманітність модулів для меню. Про всі ці модулі буде розказано в окремому уроці. Ми спробуємо створити пункт меню, який виводитиме окремий матеріал. Для цього вибираємо значення МАТЕРІАЛИ – МАТЕРІАЛ.

У результаті у Вас має вийти наступне

Як бачите, створення меню на Джумлі досить просте і не потребує багато часу.

Створення верхнього меню в Джумлі 3

У багатьох користувачів-початківців CMS Joomla 3 виникають проблеми зі створенням верхнього чи горизонтального меню на своєму сайті. Хоча у цьому немає нічого складного. Давайте на прикладі розглянемо процес створення такого меню. Цей процес мало чим відрізняється від створення звичайного меню на Джумлі.

1) Заходимо до розділу сайту МЕНЮ – МЕНЕДЖЕР МЕНЮ

2) Натискаємо створити меню і створюємо нове меню, назвавши його ВЕРХНІШЕ МЕНЮ

3) Тільки тепер нам доведеться вказати місце розташування нашого меню у верхній частині сайту. Для цього знову переглядаємо наявні позиції, ввівши в пошуковому рядку запитsite. ru /? tp=1 (де site. ru - Назва Вашого сайту).

Як бачимо, у верхній частині нашого сайту є лише 2 позиції – Позиція 2 та Позиція 1.

Тепер заходимо до розділу МЕНЮ – МЕНЕДЖЕР МЕНЮі тиснемо на кнопку

Як і для звичайного меню прописуємо заголовок. А в розділі позиція Вибираємо позицію 1 або 2.

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

Створення меню, що випадає на Joomla 3

Ну і ще хотілося б розповісти про створення меню, що випадає на Joomla 3. Робиться це досить легко. Для початку Вам потрібно створити саме меню та пункти меню, які випадатимуть.

Для цього створюємо основне меню, яке назвемо «Група матеріалів»і два підпункти цього меню «Підпункт 1» та «Підпункт 2» . Для того, щоб прив'язати підпункти меню до основного, при створенні підпунктів у полі БАТЬКІВ вкажіть основний пункт меню, у нашому випадку це «Група матеріалів». У результаті у Вас має бути так, як показано на малюнку нижче.

Після цього заходимо в налаштування основного меню "Група матеріалів" і в розділі встановлюємо значення ТАК.

У результаті ми отримаємо досить зручне меню.

Висновок

У цьому уроці ми розглянули основні питання щодо створення меню на Joomla 3 . Якщо у Вас виникли питання, Ви можете задавати їх, залишаючи коментарі до цієї статті!

Оцінка на JED:загалом – 28, функціональність – 50, підтримка – 23, документація – 28.

BM Cool Menu- один із найулюбленіших моїх безкоштовних та безпечних модулів для CMS Joomla 3 . Мені подобається його простота та лаконічність, адаптивність (що нечасто зустрінеш у безкоштовних варіантах) та можливість легкого доналаштування вручну. У чистому вигляді це розширення мене не зовсім влаштовувало, але при деякому коригуванні файлу CSS проблем не залишилося. Думаю, що невисокі оцінки модуля в каталозі Joomla JED пояснюються саме необхідністю його ручного доналаштування. Це не так складно, як здається. Тим більше, власні налаштування CSS файлу я зберіг для себе і вас в окремому файлі.

Цей модуль ідеально підійде тому, хто потребує простого адаптивного горизонтального та повністю безкоштовного меню на своєму сайті з Joomla 3. Відразу скажу, що він підтримує багаторівневі меню, але особисто у мене на деяких сайтах виникли певні проблеми із цим. Поки що я з ними не розбирався, бо знайшов інші варіанти; але вважаю, що у конфлікті бібліотек jQuery - за бажання це більш ніж вирішуване.(Нижче розповім, як я їх вирішив. Справа зовсім не jQuery). Для однорівневих меню модуль більш ніж оптимальний. Я використовую його на більшості своїх сайтів.

Демо модуля BM Cool Menu

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

Налаштування безкоштовного модуля адаптивного меню BM Cool Menu

Налаштування цього безкоштовного та безпечного модуля для створення адаптивного меню (однаково добре відображуваного як на комп'ютерах, так і на мобільних пристроях) на Joomla 3 включають такі пункти:

• Show Sub-menu Items- Показувати підпункти чи ні.
• Text color- Колір тексту.
• Hover text color- колір тексту під час наведення курсора миші.
• Menu"s background- колір меню фону.
• Background image- картинка як фон (налаштування у форматі css)
• Show border- Показувати рамку чи ні.
• Border radius- радіус заокруглення кутів у рамці.
• Border color- Колір рамки.
• Active background- Колір активного пункту меню.
• Load jQuery- підключати чи ні бібліотеку jQuery.

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

Ручне доналаштування стилів BM Coll Menu

Тепер скажу пару слів про ручне доналаштування модуля для створення адаптивного меню на Joomla 3 BM Cool Menu. Проблема у мене виникла, коли я вирішив повністю прибрати заокруглення кутів (border radius) та рамку (border color). Після внесення відповідних змін у налаштуваннях модуля в адмінці на комп'ютері в розгорнутому режимі (на всю сторінку) меню відмінно відображало всі ці зміни, проте на мобільних пристроях і в згорнутому вікні і рамка, і заокруглення зберігалися. До того ж модуль у стислому вигляді незмінно піднімався нагору та закривав собою частину іншого модуля, що знаходиться вище. Мені хотілося налаштувати відображення меню так, щоб усі його пункти вирівнювалися по центру. Справа в тому, що, наприклад, на екрані комп'ютера 4:3 все виглядало цілком рівно і пристойно, а ось на 16:9 меню притискалося вліво і виглядало якось не так. Ну і плюс до всього мені набридло прибрати світлу смужку, що розділяє між собою пункти меню.

Рішення знайшлося у зміні або коментуванні деяких рядків у файлі css модуля, який лежить по дорозі: /modules/mod_bm_cool_menu/assets/css/style.css. Старий файл я про всяк випадок зберіг у незайманому вигляді під ім'ям old-style.css. А в новому вніс деякі зміни.

Вирівнювання меню по центру

В класі .bm-cool-menu liя замінив float:left;на inline:block;(рядок 29) і те саме зробив у рядку 37 класу .bm-cool-menu a. Також додав у рядок 10 класу .bm-cool-menu: text-align:center;

Забираю білу розділову лінію між пунктами меню

Для цього повністю коментую рядок 30. Для тих, хто забув або ніколи не знав, як це робиться: /*border-right: solid thin #fcfcfc;*/

Додаткове налаштування відображення меню на мобільних

Щоб меню не закривало собою модуль (або логотип), що знаходиться вище, у класі .bm-cool-menu-trigger(Рядок 167 і нижче) я додав відступ зверху: margin-top:10px;

Для того, щоб рамка меню та закруглення кутів не відображалась у мобільній версії, я закоментував рядки 173, а також зі 175 по 180.

Модифікований мною файл style.css я виклав усередині архіву з модулем за прямим посиланням. Він називається mystyle.css. У разі небажання возитися зі зміною стилів вручну ви можете використовувати його, просто перейменувавши в style.css.

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

Змінюю назву меню в мобільній версії

Та й залишилася одна зовсім маленька, але суттєва деталь. Змінити слово Menu, написане латиницею під час перегляду сторінок у мобільній версії або при згортанні сторінки у браузері у невелике віконце. Можна було б припустити, що зміни треба вносити в мовний файл, але ні. Виявляється треба поставити свій заголовок меню у файлі на шляху: /modules/mod_bm_cool_menu/tmpl/default.php(Рядок 14).

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

Вирішення проблеми з непрацюючим BM Cool Menu

Проблема, яку я маю на увазі, полягає в наступному: на деяких сайтах у мене BM Cool Menu не розкривало підпункти ні при наведенні, ні при натисканні. Я довго думав, що має місце якийсь конфлікт скриптів. Коли знайшовся час розібратися з цим, то я побачив, що навіть на абсолютно чистому, тільки встановленому сайті Joomla 3 меню не розкривалося. Тут мені стало зрозуміло, що справа зовсім не в якихось конфліктах. Досвідченим шляхом і ціною величезної кількості нервових клітин мені таки вдалося встановити, що проблема з розгортанням та відображенням багаторівневого меню BM Cool Menuпроявляється лише у позиції Position-1 шаблону стандартного джумлівського шаблону Protostar. Переставивши цей модуль в будь-яку позицію (наприклад, banner), відбуваються дива - і він починає працювати.

Якщо ж обов'язково потрібно розташувати меню в Position-1, то доведеться трохи підкоригувати індексний файл шаблону Protostar (index.php в корені шаблону - / templates / protostar / index.php). Справа в тому, що за умовчанням висновок цієї позиції обернуть у контейнер nav із рідним класом меню Joomla 3 navigator. Видавши цю «обертку» і замінивши style з «none» на «xhtml», ми отримуємо позицію 1, в якій модуль BM Cool Menu почне працювати так, як треба.

Отже, знаходимо цей фрагмент:

nav class="navigation" role="navigation">

Видаляємо 1 і 3 рядок, а також замінюємо у другому рядку "none" на "xhtml". Ось і все рішення.

Посилання BT Content Slider – модуля стрічки новин у вигляді слайдера

Офіційне ДЕМО модуля BM Cool Menu

Сторінка модуля BM Cool Menu в офіційному каталозі розширень Joomla

Офіційний сайт модуля BM Cool Menu

Завантажити модуль BM Cool Menu за прямим посиланням

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

Де лежить?

Каталог модуля "Меню" лежить у каталозі /modules/mod_menu кореневої папки сайту. У каталозі стандартні файли для системних модулів:

• Каталог tmpl;
• Файли helper.php;
• mod_menu.php;
• mod_menu.xml.

Навіщо потрібен?

Модуль Меню на Joomla сайті потрібен, щоб показати в будь-якій вибраній позиції модулів будь-яке раніше зроблене меню сайту.

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

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

Як створити?

Для створення модуля меню необхідно мати відповідні права. За промовчанням цей модуль може створити лише суперадміністратор.

• З основного меню адміністративної панелі йдемо на вкладку Модулі;
• У тулбарі вкладки тиснемо кнопку «Створити»;
• Зі списку типів модулів вибираємо тип Меню;
• Заповнюємо налаштування модуля меню на 4-х вкладках. Зберігаємось;
• Все меню створене, після чищення кешу сайт воно з'явиться на сайті.

Налаштування модуля меню Joomla

Подивимося на 4 вкладки налаштувань модуля меню.

Вкладка 1 - Модуль

Основна вкладка налаштувань. Тут

Обов'язково заповнюємо назву модуля;

Якщо хочете приховати назву модуля, одразу приховуєте його в налаштуванні праворуч «Показувати заголовок»;

У полях налаштувань потрібно: вибрати саме меню, яке хочете показати (1), вибрати базовий пункт меню (2), вказати початковий (3) та кінцевий пункт меню (4), та визначитися з показом підпунктів меню (5).

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

Вказівка ​​початкового (3) та кінцевого (4) пункту меню дозволяє скорочувати довгі меню, складну структуру сайту. Аналогічне призначення налаштування показує підпункти меню (5).

У правій частині вкладки обов'язково заповнюємо показ заголовка (6), стан (8) та позицію у шаблоні (7). Інші налаштування за бажанням.

class="eliadunit">

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

"Примітка" створюється для адміністраторів сайту і видно у таблиці модулів.

"Початок публікації" дозволить запланувати вихід модуля за датою.

Вкладка 2 - Прив'язка

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

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

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

Вкладка 3 - Додаткові налаштування

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

Можна зробити навпаки. Тут вказати будь-який свій "Суфікс класу меню" та "Суфікс CSS-класу модуля", а потім додати до цього модуля своє CSS правило.

На відміну від інших модулів, тут є зміна стилів Java Script випадаючого меню (Позиція призначення).

Вкладка 4 - Права

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

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

Висновок

У цьому уроці ми розглянули модуль Меню на сайті Joomla. Дуже корисний для створення повноцінного футера сайту з додатковими меню технічної та інформаційної навігації.

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

Створення меню в Joomla

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

Я продемонструю три способи зробити меню в joomla.

Спосіб перший - блог категорій

Створимо перший пункт меню – Автомобілі, у типі пункту меню вибираємо Блог категорії, вибір категорії – Автомобілі, цільове вікно – Батько, це означає, що відкриття відбудеться в тій же вкладці, меню – Main Menu залишимо як є, батьківський елемент – Кореневий пункт меню Так як це перший елемент, він завжди буде на сторінці. Стан - опубліковано, щоб пункт меню відображався на сайті.

Повторимо всі дії як із Автомобілями для Мотоциклів та Велосипедів, і у нас створені пункти меню по всіх категоріях.

у списку модулів натиснемо на назву модуля Main Menu (головне меню) для внесення змін,

а саме: позиція модуля Menu, показувати підпункти меню - так,

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

Оскільки ми створювали тип меню - блог категорій то при натисканні на пункт меню на сторінці будуть відображатися всі статті з відповідної категорії: мотоцикли,

велосипеди

І автомобілі.

Спосіб другий - окремий матеріал

Змінимо пункт меню Мотоцикли, назву виправимо на Ява, очистимо аліас "mototsikly" інакше це може призвести до помилки,

тип пункту меню встановимо матеріал, а сам матеріал виберемо Ява.

Виконаємо цю ж процедуру для інших пунктів меню,

перейдемо на сайт і побачимо,

Спосіб третій - меню, що випадає

Знову створимо пункт меню Мотоцикли, тип меню – системні посилання – заголовок,

очищаємо аліас (псевдонім) пункту меню,

Зберігаємо. Відкриємо матеріал Ява і в блоці, що випадає, батьківський елемент вибираємо -Мотоцикли.

Тепер пункт меню Ява дочірній по відношенню до батьківського пункту Мотоцикли.

Зробимо те саме з Харлеєм, вказавши батьківським пунктом Мотоцикли, а до пунктів велосипеди та автомобілі прив'яжемо подібним чином відповідні статті.

Перейдемо на сайт і побачимо,

що наше меню стало схоже на меню з першого способу, але якщо навести курсор до назви меню,

То будуть видні випадаючі - дочірні пункти, які ведуть до статей.

Саме на цьому шаблоні розкриття меню відбувається при наведенні курсору на заголовок меню,

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

Який із цих основних способів створення меню в joomla захочете використовувати - вирішувати вам. Хочу відзначити, що в одному меню можна використовувати всі способи відразу, хоча так зазвичай не роблять, перший спосіб зручний, коли дуже багато матеріалів в категорії і відвідувач вашого сайту перейде відразу в розділ з матеріалами, що цікавлять. Другий спосіб можна змінити, зробивши посилання на матеріал, у тексті якого будуть посилання на матеріали одного розділу, третій спосіб дає можливості швидко переглянути список статей розділу в меню, на мій погляд, це оптимальний варіант. Адже ще можна в меню зробити посилання на карту сайту, форму реєстрації, додати посилання на зовнішній ресурс... і багато чого ще, але про інші варіанти ми поговоримо іншим разом.

У цьому відео показано як зробити меню в Joomla:

Рекомендуємо дивитися відео у повноекранному режимі, у настоянках якості вибирайте 1080 HD, не забувайте підписуватись на канал у YouTubeТам Ви знайдете багато цікавого відео, яке виходить досить часто. Приємного перегляду!