Типы меню. Создание меню Создание пункта меню с одним отображаемым материалом

После создания материала Вы наверно уже обратили внимание, что на сайте он не появился, оно и понятно ведь мы для этого ничего не предпринимали. Так как же выводить созданные материалы на страницах сайта? Все очень просто, для этих целей в Joomla как раз и предусмотрено меню именно с его помощью мы сможем отображать на страницах нашего сайта заранее созданные материалы и другую информацию. Таким образом, в данном уроке поговорим о меню в Joomla.

Для работы с меню в панели управления Joomla предусмотрен специальный раздел, который так и называется «Меню». Как попасть в панель управления (админку сайта) и где находится раздел «Меню» рассказывать не буду, об этом говорилось в одном из предыдущих уроков посвященном знакомству с админкой . На всякий случай ниже на скриншоте обозначен раздел «Меню»:

В разделе «Меню» по аналогии с материалами и категориями можно наблюдать «Менеджер меню» а так же все созданные пункты меню для сайта. Знакомство с меню предлагаю начать как раз с «Менеджера меню» Joomla, жмем по нему мышкой и попадаем на страницу «Менеджер меню: Все меню»:

Именно с этой страницы производятся все манипуляции с меню в Joomla, будь то создание, редактирование, копирование либо удаление. Давайте посмотрим, что содержится на странице менеджера меню. Тут все стандартно, примерно так же как в менеджере материалов или категорий. В верхней части имеются кнопки для работы с меню – создать, изменить, удалить, настройки и т.д. Слева кнопки быстрого доступа – меню и пункты меню. И наконец, в центральной части страницы отображаются все имеющиеся меню.

По умолчанию в Joomla уже создано одно единственное меню под названием «Main Menu», которое по умолчанию является главным, именно с него и начнем разбор полетов. Жмем по названию меню и попадаем на страницу пунктов меню – «Меню: Пункты (Main Menu)»:

На данной странице мы видим, что у нас имеется один единственный пункт меню под названием «Home», тут же видно, что он относится к «Main Menu», а так же отмечен как главный. Чтобы не запутаться, давайте разберем, что такое меню и что такое его пункты, чтоб не писать много букв я покажу это на примере (скриншот ниже):

Думаю, теперь стало понятно, что такое меню и что такое его пункты. Получается, по умолчанию в Joomla мы уже имеем главное меню (Main Menu), которое содержит один единственный пункт меню «Home» напротив которого стоит пометка, что он главный, следовательно, он ведет на главную страницу сайта. А теперь давайте рассмотрим устройство данного пункта меню и почему главная страница сайта пустая.

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

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

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

Следующий параметр «Тип пункта меню» именно он отвечает за то, что будет выводиться на странице сайта при нажатии на ссылку пункта меню. В нашем случае в качестве типа для пункта меню выбраны избранные материалы. Другими словами на главной странице сайта в нашем случае будут отображаться избранные материалы в виде блога (что такое избранные материалы и как они создаются, ). А выглядит это примерно вот так:

Остальные вкладки в данном случае актуальны только для выбранного типа пункта меню, рассматривать их не будем. На данном этапе просто поменяем его название и сохраним результат. Для наглядности я добавил к одному из материалов свойство «избранного» получившийся результат представлен на скриншоте ниже.

Как отредактировать пункт меню разобрались, теперь давайте создадим новый собственный пункт меню.

Как создать собственный пункт меню в Joomla 3

Создание пункта меню стандартное - в менеджере меню жмем на зеленую кнопку «Создать» и на появившейся странице заполняем следующие поля:

Давайте разберем все по порядку. Изначально придумаем и заполним заголовок меню, я назвал его «Установка» (не спрашивайте почему). Далее заполняем алиас, можно конечно оставить без изменения, но в таком случае алиас получится такой – «ustanovka», мне этого не особо хочется, и я присвоил ему собственное название «installation».

Далее следует выбрать «Тип пункта меню», тут все сложнее, при нажатии на кнопку «Выбрать» вы увидите огромный список всевозможных типов, и этот список может увеличиваться в зависимости от установленных расширений. В рамках данного урока типы пункта меню рассматривать не будем, так как это достаточно обширная тема для разговоров и для них я решил выделить отдельные уроки (урок-1 и урок-2).

Для нашего нового типа меню давайте выберем список материалов категории, для этого жмем по кнопке «Выбрать» в списке находим раздел «Материалы» и выбираем «Список материалов категории».

Далее необходимо выбрать категорию, в которой содержатся интересующие нас материалы, в моем случае это «Установка» (что такое категория и как её создать читаем в этом уроке).

На этом можно было бы, и закончить, но нас еще интересуют поля, которые расположены в правой части. Итак, по порядку. Первое поле «Меню», тут мы указываем, к какому меню будет отнесен только что созданный пункт, мы решили, что данный пункт будет в главном меню – оставляем без изменения. Далее «Родительский элемент» если оставить все без изменений, то пункт меню будет корневым, а если в качестве родительского выбрать уже существующий пункт, то данный пункт будет дочерним, т.е. вложенным. Чтобы стало понятнее, сохраним меню сначала корневым, а затем вложенным. Результат можно посмотреть на скриншоте:

Продолжаем знакомиться с администрированием Joomla 3. В этой статье подробно познакомимся с возможностью системного меню Joomla. Пожалуй, нет необходимости говорить, что такое меню сайта. Достаточно, сказать, что на сайте Joomla меню можно разместить вертикально в правом и/или разместить горизонтально в районе шапки сайта.

Из общей информации про меню Joomla, стоит упомянуть, что материалы категории, которая не прикреплены к какому-либо меню сайта, не будут на сайте видны.

Меню и пункты меню Joomla 3

Меню сайта Joomla создаются администратор сайта или пользователями сайта с установленными разрешающими правами на управление меню сайта. Права на управление меню выставляются на вкладке Компоненты→Менеджер меню→Права.

Само меню Joomla это не информативная, а системная единица сайта. Создается меню для последующего создания информативных пунктов меню.

Примечание: На сайте Joomla можно создавать любое количество меню и любое количество пунктов меню с любой глубиной вложенности. Вложенность меню это дерево по типу: пункты меню-подпункты пунктов меню-подпункты подпунктов пунктов меню и т.д.

Как создать меню сайта Joomla

Для создания меню сайта открываем вкладку: Меню→Менеджер меню→Создать меню из горизонтального бара или Структура→ Менеджер меню→Создать меню вертикального меню административной части сайта.

Меню даем имя, обязательно вписываем системное имя меню (тип меню). Типом меню может быть любое латинское слово, понятно указывающее назначение меню. Например, mainmenu, homemenu, topmenu, footermenu.

Как создать пункты (подпункты меню)

Создание пунктов меню, производится на вкладке: Меню→Название меню→Создать пункт меню.

Типы пунктов меню

Как я уже упоминал, пункты меню Joomla 3 это информативные единицы сайта. При помощи пунктов меню можно открывать на сайте страницы с различной информацией. Эта информация может быть различной и в зависимости от типа информации, создаются различные типы меню. Посмотрим на типы пункта меню:

Тип пункта меню

1. Контакты (4 типа);

2. Ленты новостей (3 типа);

3. Материалы (7 типов), а именно

• Архивные материалы;
• Избранные материалы;
• Материал;
• Блог категории;
• Создать материал;
• Список всех категорий сайта;
• Список материал одной категории.

4.Менеджер настроек;

5.Менеджер пользователей (7 типов);

6.Метки (3 типа);

7.Обертка(Wrapper);

9.Системные (4 типа);

10.Умный поиск.

Как видите, типов пунктов меню много и при их помощи можно организовать очень неплохую навигацию по сайту.

Хватит теории, перейдем к практике и создадим меню с двумя, тремя пунктами меню.

Пример создания меню сайта Joomla

Создадим меню под названием «Меню1». Системное имя будет «menu-1».

Идем на вкладку: Меню→Создать меню.

На странице создания меню указываем его имя «Меню1» и системное имя «menu-1».

Жмем кнопку «Создать».

Все! Меню создано.

Что значит системное имя меню

Покажу, для чего нужно системное имя меню. Идем в phpmyadmin управляющий базой данных сайта.

• Ищем таблицу: префикс_menu_types.
• Открываем ее (клик по названию), что соотвествует SQLзапросу:
• SELECT * FROM `префикс_menu_types`
• И видим системное имя созданных меню (тип меню).

Вывод: системное имя меню нужно для создания уникальных значений в полях таблицы menu_types базы данных Joomla.

Итак, мы создали меню Joomla, пора создавать пункты меню.

Создаем пункты меню Joomla

На вкладке Меню→Пункты меню→Создать меню, создаем пункт меню.

class="eliadunit">

Даем пункту меню имя.

Выбираем тип пункта меню. Пусть это будет тип меню: Блог категории.

Указываем целевое окно: Новое окно с элементами навигации.

Справа указываем название нашего меню и родительский элемент данного пункта меню (2,3).

На других вкладках выставляем другие настройки пункта меню:

Параметры макета Блога (3) – шаблон блога. Можно указать количество колонок.

Отображение (4) – шаблон показа отдельного материала;

Настройки интеграции (5)– включаем создание RSS лент для этого пункта меню.

Параметры страницы (7). Здесь можно задать альтернативный заголовок, который буде виден в браузере. Также можно включить «Заголовок страницы». Он будет виден в начале всех страниц этого пункта меню в тегах

, что соответствует всем страницам категории блога.

Метаданные (8). Нужно заполнить метаданные для этого блога, а именно descriptionи keywords. Descriptionдолжен быть уникальным и длинной не более 165 знаков. Keywords не обязателен.

После проверки всех настроек пункта меню, жмем «Создать» или «Создать закрыть».

Всё! Пункт меню создан. Осталось разместить меню на сайте.

Как разместить меню на сайте Joomla

Разместим два меню на сайте. Горизонтальное выпадающее и вертикальное с показом всего дерева меню.

Как разместить выпадающее горизонтальное меню Joomla

Выпадающее горизонтальное меню Joomla размещаем в специальном модуле шаблона, под названием «menu». В шаблоне могут быть созданы дополнительные поля для размещения меню, например footermenu, topmenu.

Для создания модуля меню идем на вкладку: Менеджер модулей →Создать меню. Выбираем тип модуля «Меню».

Настройки модуля меню

На вкладке «Привязка к пунктам меню» указываем на каких страницах сайте показывать этот модуль с меню.

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

1. Открываем в панели администратора сайта Меню → Менеджер меню:

По умолчанию на демо-сайте создано три меню. Напомню, мы работаем с бесплатным шаблоном yoo_master2.

• Главное меню (Main Menu). Главное меню сайта.
• Верхнее меню (Top Menu). Верхнее меню (находится в верхней части сайта).
• Вертикальное меню (Sidebar Menu).Боковое меню (находится в правой части сайта).

Рассмотрим столбцы таблицы меню.
"Заголовок" - название меню, которое будет отображаться на сайте.
"Опубликованных" - количество опубликованных пунктов в данном меню.
"Неопубликованных" - количество неопубликованных пунктов в данном меню.
"В корзине" - количество удаленных в корзину пунктов меню.
Количество пунктов в меню представлено в виде овала с цифрой, щелчок на которой приводит к вызову редактора меню.
"Модули, связанные с данным меню" - выводит модули, связанные с меню (с помощью каких модулей и в какой позиции выводятся данные меню).
"ID" - идентификатор меню.
Теперь давайте создадим свое меню, для этого нажмем кнопку "Создать". В открывшемся окне создания меню нам нужно написать заголовок "Главное меню" и тип меню так же напишем "glavnoemenu".

Нажимаем "Добавить модуль для данного типа меню".

Заполняем "Заголовок" : пишем - "Главное меню".
"Выбор меню" , т.е. какое меню с помощью данного модуля мы будем выводить, выбираем меню из списка: "Главное меню".
"Начальный уровень" – уровень с которого будет начато построение дерева меню.
"Последний уровень" - уровень на котором будет прекращено построение дерева меню.
"Показывать подпункты меню" – раскрывать меню и показывать его подпункты.
"Показать заголовок" – показывать или скрывать заголовок модуля при выводе. Нажимаем - "Показать".
"Позиции" - выбираем позицию, в которой будет размещено наше меню. Кликнув по полю выбора позиции у нас показываются все позиции из всех шаблонов, которые установлены на сайте. Наш шаблон называется сейчас «Yoo_master2». Выберем позицию "menu".
Далее открываем вкладку "Привязка к пунктам меню".

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

Нажимаем и перед нами открывается окно менеджера меню: "Создание пункта меню" .

Окно менеджера меню: "Создание пункта меню" состоит из пяти вкладок. На первой вкладке "Пункт меню" выведены основные настройки. Остальные вкладки обязательными не являются.

Главный параметр пункта меню - это его тип, определить который можно, щелкнув на кнопке "Выбрать". Рассмотрим некоторые часто используемые .

• Архивные материалы - вывести все материалы, которые у нас помещены в архив.
• Блог категории - отображение вводных частей материала в определенной категории. Материалы категории будут представлены в виде блога: заголовок и описание материала.
• Избранные материалы , т.е. все материалы помеченные звездочкой. Пункт меню Главная (Home) - это и есть ссылка на меню избранных материалов. Щелкни те на ней на странице сайта, и вы увидите свои избранные материалы.
• Материал - просто ссылка на отдельный материал. Далее в обязательных параметрах у вас появится возможность выбрать материал, на который вы хотите создать ссылку. Щелкните на кнопке "Выбрать" и выберите один из ранее созданных материалов.
• Создать материал - отображает форму для добавления нового материала на сайте пользователями определённых категорий.
• Список всех категорий - отображает список всех категорий материалов. Позволяет создать ссылку на список всех категорий, начиная с определенного уровня вложенности. Уровень вложенности задается параметром - Выбор категории высшего уровня.
• Список материалов категории - отображает список материалов в категории. То же самое, что и Блог категории, просто материалы будут представлены иначе - в виде списка (только заголовки).

"Заголовок меню" - это то, что пользователи увидят в самом меню, поэтому всегда старайтесь выбирать краткие и понятные названия. Назовем пункт меню "Главная".
"Алиас" - псевдоним заголовка меню. Обычно создается путем транслитерации латиницей и замены пробелов знаком "_". Алиас создается автоматически, тем не менее, если созданный системой псевдоним вам не нравится, у вас есть возможность отредактировать его значение.
Сейчас мы выведем избранные материалы. Нажимаем "Материалы" .

Далее во вкладке "Пункт меню" рассмотрим следующие позиции:
"Ссылка" - ссылка на этот пункт меню. Она может пригодиться вам в дальнейшем для публикации в каком-нибудь материале или еще где-нибудь.
"Целевое окно" - выбор окна браузера, где будет открыта страница, на которую ведёт данный пункт меню. Оставляем "Родитель".
"Стиль шаблона" - можно назначить для данного пункта меню свой стиль шаблона, оставим - по умолчанию.
"Меню" - к какой группе меню относится данный пункт. Выбираем - "Главное меню".
"Родительский элемент" - выбираем какой элемент меню должен быть родительским для создаваемого пункта меню.
"Порядок" - можете выбрать элемент, после которого будет отображаться наш пункт меню, а также установить значение "Первый" (создаваемый пункт меню будет первым) или "Последний".
"Состояние" - если здесь, выбрано значение "Опубликовано", пункт меню будет отображаться, а если выбрано значение "Неопубликовано", данный пункт меню будет скрыт. Выбираем состояние – «Опубликовано».
"Главная страница" - одна из страниц сайта должна быть главной, т.е. открываемой по умолчанию. Поставим "Да" .
"Доступ" - указываем, кому будет предоставлен доступ к данному пункту меню (Public - всем, Registered - только зарегистрированным пользователям и т.д.). Оставим доступ для всех (Public).
"Язык" - указываем язык, к которому должен быть привязан пункт меню. По умолчанию - все.
"Примечание" -можно не заполнять, но для себя можете ввести какое-нибудь примечание для каждого пункта меню.

Переходим к следующей вкладке - "Параметры макета".

"Выбор категорий" - можно выбрать одну, несколько или все категории, избранные материалы которых будут показаны на главной странице.
"Во всю ширину" - сколько материалов у нас будет отображаться во всю ширину на странице нашего первыми. Давайте выберем во всю ширину – 8.
"Только введения" - количество материалов выводимых после "главных" в колонках. Всего материала будет 8 с введениями.
"Количество колонок" - количество колонок в которых будут выводиться вступления к материалам. Поставим одну колонку.
"Количество ссылок" - внизу списка материалов у нас может идти список ссылок на материалы, которые не вместились на данной странице – поставим 0.
"Порядок размещения в колонках" - колонки могут заполняться материалами сверху вниз либо поперёк, для нас сейчас не имеет значения, т.к. у нас будет всего лишь одна колонка.
"Порядок категорий" - порядок отображения категорий (по заголовку, по алфавиту и т.д.), оставим по умолчанию.
"Порядок материалов" - как будут сортироваться материалы при выводе. По умолчанию значение задается в глобальных настройках, у нас есть следующие значения: "порядок избранных материалов", "самые новые первыми", "старые первыми", "по заголовку, по алфавиту", "по заголовку, против алфавита", "по автору, по алфавиту" и "по автору, против алфавита" , "самые популярные", "наименее популярные" или "порядок материалов в менеджере" (отображать материалы так, как выставлено в менеджере материалов). Выберем, чтобы самые новые материалы отображались первыми.
Далее, заполняем "дату для сортировки" . Можно выбрать дату для сортировки: создания, изменения, опубликования статьи или оставить по-умолчанию.
"Разбиение на страницы" – если у нас все материалы не вмещаются на одну страницу, идёт разбиение на несколько страниц. Это называется "пагинация", и мы в параметрах макета выбираем, показывать пагинации или не показывать, и показывать результаты разбиения на страницы или не показывать.

Следующая вкладка менеджера меню – "Отображение" . Кроме самого материала у нас может выводиться дополнительная информация о материале. На данной вкладке можно задать эти параметры персонально для каждого пункта меню. Если оставить значения по умолчанию, то эти значения будут взяты из глобальной настройки, можно также выбрать пункт - использовать настройки материала. Все эти настройки аналогичны настройкам материалов, которые мы рассматривали в уроке - создание материалов.

Давайте бегло рассмотрим оставшиеся необязательные вкладки менеджера меню:

"Настройка интеграции" – здесь мы настраиваем показывать или нет ссылку на RSS-ленту.
"Параметры отображения ссылки" – настройки оформления ссылки пункта меню (пользовательское описание, которое будет применено к ссылке данного меню; дополнительное изображение, которое будет использоваться с данным меню).
Итак, пункт меню создали, нажимаем "Сохранить и закрыть". Посмотрим как выглядит главная страница нашего сайта. У нас появился пункт меню - "Главная" в одной позиции с "Main Menu ".

Теперь "Main Menu " нам больше не нужно и его можно удалить. Для этого переходим в Меню>>>Менеджер меню. Выбираем "Main Menu " и жмём "Удалить".

Переходим обратно на наш сайт и посмотрим: у нас есть главное меню, предыдущее меню удалилось.

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

Создаем меню в Джумла 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 . Если у Вас возникли какие-либо вопросы, Вы можете задавать их, оставляя комментарии к этой статье!

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

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

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

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

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

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

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

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

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

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

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

велосипеды

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом видео подробно показано как сделать меню в Joomla:

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