Компьютерапия

    • Офис
      • MS Excel
      • MS Word
      • MS PowerPoint
      • MS Access
    • Веб
      • Joomla
      • WordPress
      • Сайтостроение
      • Уроки HTML
      • Bootstrap 3
      • Web Разработка
      • Web Сервисы и Службы
      • Основы AJAX
      • Изучаем AngularJS
      • Основы CSS
    • Программер
      • Android
      • VBA
      • Основы php
      • JavaScript
      • Основы Arduino
    • Полезные книги
      • Android
      • Assembler
      • Excel
      • linux
      • CSS
      • Delphi
      • Java
      • JavaScript
      • Joomla
      • Web
      • PHP
      • Unity
    • Полезные советы
      • Установки на Virtualbox
      • Продвижение YouTube канала
      • Как заказывать товары на AliExpress
    • Видео уроки
      • Уроки Word
      • Уроки Excel
      • Уроки сайтостроения
      • Уроки Joomla 3
      • Уроки Android
      • Уроки WordPress
      • Полезные советы
      • Уроки PowerPoint
      • Основы Arduino
      • Основы MacOS
      • Основы Vbox
      • Основы Python
    • Блог
    Joomla
    28 января 2017
    06 декабря 2025
    Просмотров: 48587

    Как сделать меню в Joomla, три способа создания меню в Joomla

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

    Содержание:

    • Создание меню в Joomla
    • Способ первый - блог категорий
    • Способ второй - отдельный материал
    • Способ третий - выпадающее меню
    • Видео версия статьи

    Создание меню в Joomla

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

    Как сделать меню в Joomla

    Ранее мы создавали категории на транспортную тематику, перейдем в Материалы Менеджер категорий и посмотрим на названия наших категорий: Автомобили, Мотоциклы и Велосипеды.

    Как сделать меню в Joomla

    Я продемонстрирую три способа как сделать меню в joomla.

    Способ первый - блог категорий

    Создадим первый пункт меню - Автомобили, в типе пункта меню выбираем Блог категории, выбор категории - Автомобили, целевое окно - Родитель, это значит, что открытие произойдет в той же вкладке, меню - Main Menu оставим как есть, родительский элемент - Корневой пункт меню, так как это первый элемент,  он всегда будет на странице. Состояние - опубликовано, чтоб пункт меню отображался на сайте.

    Как сделать меню в Joomla

    Нажмем сохранить и закрыть, к нашему пункту Home - домашняя страница, на которой отображаются избранные статьи, добавился новый пункт Автомобили.

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

    Далее перейдем Расширения -> Менеджер модулей,

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

    а именно: позиция модуля Menu[menu], показывать подпункты меню - да,

    Как сделать меню в Joomla

    состояние - опубликовано, сохранить и закрыть.

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

    велосипеды

    Как сделать меню в Joomla

     
     и автомобили.

    Как сделать меню в Joomla

    Способ второй - отдельный материал

    Изменим пункт меню Мотоциклы, название исправим на Ява, очистим алиас "mototsikly" иначе это может привести к ошибке,

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

    Как сделать меню в Joomla Проделаем эту же процедуру для остальных пунктов меню,

    Как сделать меню в Joomla

     
    перейдем на сайт и увидим,

    Как сделать меню в Joomla

     
     что теперь каждый пункт меню это ссылка, ведущая на конкретный материал.

    Как сделать меню в Joomla

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

    Снова создадим пункт меню Мотоциклы, тип меню - системные ссылки - заголовок,

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

     
     сохраняем. Откроем материал Ява и в выпадающем блоке родительский элемент выбираем -Мотоциклы.

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

     
    Проделаем то же самое с Харлеем, указав родительским пунктом Мотоциклы, а к пунктам велосипеды и автомобили привяжем подобным образом соответствующие статьи.

    Как сделать меню в Joomla

     
    Перейдём на сайт и увидим,

    Как сделать меню в Joomla

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

    Как сделать меню в Joomla

     
     то станут видны выпадающие - дочерние пункты, ведущие к статьям.

    Как сделать меню в Joomla

     
    Конкретно на этом шаблоне раскрытие меню происходит при наведении курсора на заголовок меню,

    Как сделать меню в Joomla

     
     но можно и кликнуть на это название для открытия остальных скрытых пунктов. Ну а клик по дочерним пунктам меню откроет материал на сайте как во всех предыдущих способах.

    Как сделать меню в Joomla

     
    Какой из этих основных способов создания меню в joomla захотите использовать - решать вам. Хочу отметить, что в одном меню можно использовать все способы сразу, хотя так обычно не делают, первый способ удобен, когда очень много материалов в категории и посетитель вашего сайта перейдет сразу в раздел с интересующими материалами. Второй способ можно видоизменить, сделав ссылку на материал, в тексте которого будут ссылки на материалы одного раздела, третий способ дает возможности быстро просмотреть список статей раздела в меню, на мой взгляд, это оптимальный вариант. А ведь еще можно в меню сделать ссылку на карту сайта, форму регистрации, добавить ссылку на внешний ресурс... и много чего еще, но об остальных вариантах мы поговорим в другой раз.

    Создание меню в joomla, три способа сделать меню


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

     С уважением, авторы сайта Компьютерапия

    Понравилось? Поделись этим видео с друзьями!

    Создание меню в joomla, три способа сделать меню


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

     С уважением, авторы сайта Компьютерапия

    Понравилось? Поделись этим видео с друзьями!

    Создание меню в joomla, три способа сделать меню


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

     С уважением, авторы сайта Компьютерапия

    Понравилось? Поделись этим видео с друзьями!

    Tags: сайтостроение, сайт на joomla
    Подпишитесь на канал в ВК Видео

    Свежие записи 2025

    ВПР на Python, без Excel 16 мая 2026
    Python 3 на Android. Запускаем Ping 28 марта 2026
    Блютуз подключение в Android (проект для Arduino). Часть 2 18 января 2025
    Анимация в PowerPoint - (видео) 09 января 2025
    Меняем имена в GoPro 10 18 июля 2023
    YouTube все - ютубКапут - (видео) 20 марта 2022
    Как сделать презентацию в PowerPoint, презентация с нуля в Рower Point 2016 20 февраля 2022
    Как изменять текст в word с помощью языка Python в среде PyCharm Меняем параграфы таблицы и шрифты - (видео) 09 февраля 2022
    Как преобразовать doc в docx на языке python в PyCharm Массовая конвертация старых файлов в docx - (видео) 09 февраля 2022
    Как установить blender 3.0? Покажу два способа, как установить блендер версии 3.0 на свой комп! - (видео) 05 февраля 2022

    ТОП-10 статей 2025

    • 15 лучших эффектов переходов между слайдами в Power Point
    • Функции даты-времени в VBA. Работа с датой и временем
    • Добавление номеров страниц в колонтитул в Word
    • Массивы в VBA: как работать с массивами
    • Сортировка и фильтрация записей в Access
    • Форматирование и настройка оглавления в Word
    • Методы PHP GET и POST, переменная $_REQUEST
    • Создание форм в Access
    • Установка Android Studio, настройка SDK
    • Работа со строками в VBA: InStr, LCASE, UCase, Left, Right, Mid, LTrim, RTrim, Trim, Len, Replace, Space, StrComp, String, StrReverse
    • Офис
      • MS Excel
      • MS Word
      • MS PowerPoint
      • MS Access
    • Веб
      • Joomla
      • WordPress
      • Сайтостроение
      • Уроки HTML
      • Bootstrap 3
      • Web Разработка
      • Web Сервисы и Службы
      • Основы AJAX
      • Изучаем AngularJS
      • Основы CSS
    • Программер
      • Android
      • VBA
      • Основы php
      • JavaScript
      • Основы Arduino
    • Полезные книги
      • Android
      • Assembler
      • Excel
      • linux
      • CSS
      • Delphi
      • Java
      • JavaScript
      • Joomla
      • Web
      • PHP
      • Unity
    • Полезные советы
      • Установки на Virtualbox
      • Продвижение YouTube канала
      • Как заказывать товары на AliExpress
    • Видео уроки
      • Уроки Word
      • Уроки Excel
      • Уроки сайтостроения
      • Уроки Joomla 3
      • Уроки Android
      • Уроки WordPress
      • Полезные советы
      • Уроки PowerPoint
      • Основы Arduino
      • Основы MacOS
      • Основы Vbox
      • Основы Python
    • Блог

    Категории

    • Уроки Word
    • Уроки Excel
    • Уроки PowerPoint
    • Уроки Access
    • Основы Сайтостройения
    • Уроки HTML
    • Уроки Joomla
    • Уроки WordPress
    • Уроки Bootstrap 3
    • Уроки Android
    • Уроки VBA
    • Основы Arduino

    Разное

    • О сайте
    • Полезные советы
    • Скачать книги
    • Карта сайта
    • Правила сайта

    Видео уроки

    • Уроки Word
    • Уроки Excel
    • Уроки сайтостроения
    • Уроки Joomla 3
    • Уроки Android
    • Уроки WordPress
    • Полезные советы
    • Уроки PowerPoint
    • Основы Arduino

    Подпишитесь в соцсетях

    • Канал на RuTube
    • Группа ВКонтакте
    • Группа в Одноклассниках
    • Канал на YouTube
    © 2019 Компьютерапия - Советы и секреты новичкам в области IT технологий: программирование, сайтостроение, уроки HTML, Word, Excel, Android, Open Server, Joomla, WordPress,PowerPoint, Aliexpress, YouTube, Arduino, видеоуроки.. Все права защищены.
    Перепечатка материалов без согласования допустима при наличии dofollow-ссылки на страницу-источник.