Как создать меню вертикальное в джумла. Создание меню
Пункты меню в Joomla крайне важны, т.к. они формируют всю структуру сайта. Именно по пунктам меню определяется то, что будет загружаться на странице и как. А определяется это всё, в одном из разделов Joomla - меню.
Разновидностей вывода по пунктам меню, множество, но все они конечно используются редко. О самых популярных сейчас и пойдет речь.
Добавлять пункты меню мы будем в готовое главное меню Joomla, которое представляется сразу после установки.
Базовый пункт меню
1. Переходим в создание пункта меню для единственного меню (Main Menu).
2. Первым делом вводим название предполагаемого пункта меню. Далее переходим к выбору типа пункта меню , где осуществляется выбор его назначения.
3. Перед нами весь список назначения. Самый распространенный раздел списка - "Материалы". В нем происходит вывод одного или нескольких материалов, т.е. основного содержимого сайта.
Сейчас мы выводим один единственный материал.
4. Осталось выбрать самое главное - это сам материал. Переходим по новой кнопке: "Выбрать".
5. В списке будут отображаться абсолютно все материалы, которые мы когда-либо создавали в Joomla. Выбираем тот материал, который хотим выводить.
6. Самое главное сделано! Можно сохраняться .
7. На сайте в существующем "Главном меню" , появиться новый пункт, по которому можно перейти и убедиться в его работоспособности.
Другой вариант пункта меню
1. Страница на которую мы попадаем, после перехода по пункту меню может быть и абсолютно иного вида, как например блог категорий.
2. Для блога категорий появляется новая кнопка, где нужно выбрать одну из категорий. Категории необходимы, т.к. именно они разделяют всё многообразие материалов. Для примера, можно взять стандартную категорию, на которую разделяются все материалы по умолчанию.
3. На сайте, теперь доступен новый пункт меню, при нажатии на который выводятся сразу несколько материалов. На самом деле выводятся все материалы выбранной нами категории и даже разделяются на страницы.
Это лишь не большая часть возможности Joomla по выводу содержимого сайта. Настроить можно каждую мелочь и отладить страницы по вашим требованиям: вывести контакты, внешнюю ссылку, ссылку на скачивание и многое другое.
Если вы хотите превратить вертикальное меню в горизонтальное , то ознакомьтесь с уроком:
На этом уроке, посвящённом модулям 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 сайте. Очень полезен для создания полноценного футера сайта с дополнительными меню технической и информационной навигации.
Меню - это отдельный блок, который имеет пункты меню. Функция меню - создание списка ссылок на различные материалы или разделы сайта. И формирование параметров вывода этих материалов. Т.е. куда выполнен переход и как будет выглядеть данная статья, категория или раздел.
Блог категории: статьи с расширением расположены на странице одна за другой в виде столбца или нескольких столбцов и внизу страницы могут быть расположены ссылки на другие статьи этой категории.
После создания структуры содержимого необходимо создать меню для пользователей сайта.
Меню – это набор кнопок, которые приведут пользователя на конкретные объекты: статьи, список категорий и т.п. Вывести информацию на сайт можно как в виде блога, так и в виде статичной страницы.
Открыв окно «Менеджер меню» (с помощью кнопки «Меню» на панели управления) можно увидеть страницу с уже созданными типами меню.
Для создания нового меню нужно нажать на кнопку «Создать».
На открывшейся странице «Детали меню» необходимо заполнить поля:
Системное имя (латинским шрифтом), заголовок – имя пункта меню при выводе на сайт, описание меню и заголовок модуля – который будет использоваться при выборе способа вывода меню на сайт.
Для создания пунктов меню необходимо в «Менеджере меню» нажать на кнопку «Пункты меню» в одноименном столбце.
На странице «Пункты меню» нажать на кнопку «Создать»
и перейти на страницу «Пункт меню».
На ней представлено четыре вида пунктов:
Раздел – в виде блога или в виде таблицы ссылок (при этом будут отображаться все статьи раздела).
Материал – в виде статичной страницы с материалом. (Другие статьи на странице не отображаются.). Или шаблон отправки материала (только авторизованным пользователям с правами не ниже автора), в котором с помощью текстового редактора можно написать статью на сайте.
Шаблон блога на главной – позволяет выводить материал на главной странице только в форме блога. (Выводятся все материалы, у которых отмечен пункт «отображать на главной»).
Из архива – в виде блога с фильтром, который позволяет задавать параметры отбора материала. Для создания блога категории необходимо нажать на ссылку «Блог категории».
На открывшейся странице заполнить поля:
Заголовок - текст который будет отображаться в меню
Псевдоним - текст, который станет основой url для этого пункта
Показать в - привязать пункт к определенному меню
Родительский элемент - указать родительский элемент пункта
Доступ - указать доступ к пункту
Открывать в - в каком окне будет открываться пункт меню
Во вкладке «Параметры - Основные»:
Описание - скрыть или показать описание
Картинка - описания скрыть или показать картинку описания
Во всю ширину - указать количество новостей, отображаемых во всю ширину области контента
Вступление - указать количество новостей, у которых показывается только вступительный текст
Колонки - указать, во сколько колонок будут выстроены материалы
Примечание : Клавиша «Сменить тип» позволяет сменить тип пункта меню.
You have no rights to post comments
Этот туториал покажет, как добавить новый пункт меню в Joomla.
1. Войдите в админ панель Joomla, идите в Меню (Menus) и выберите меню, для которого необходимо добавить ссылку:
2. В верхнем левом углу нажмите кнопку Новый (New) :
3. Выберите тип нового пункта меню. Существуют разные типы меню, например, мы добавим пункт меню типа Статья (Single article):
4. После выбора типа меню, введите его заголовок и отредактируйте настройки. Для того чтобы добавить подменю, необходимо выбрать Родительский пункт (Parent Item) для нового элемента меню:
Теперь мы покажем, как управлять порядком пунктов меню в Joomla. Существует 2 способа его изменить:
1. Идите в Меню (Menus) , выберите желаемое меню и откройте необходимый пункт меню. Затем в выпадающем списке Порядок (Ordering) выберите необходимый пункт меню:
2. Идите в Меню (Menus) , выберите желаемое меню, кликните Сортировка по (Sort by) и в выпадающем списке выберите опцию Порядок (Ordering) . С помощью инструмента «перетащить и отпустить» («drag and drop») измените порядок пунктов меню:
Создание меню в joomla это один из важнейших элементов навигации на вашем сайте. Меню позволяет облегчить поиск необходимого материала на страницах, позволяет быстро перемещаться между разделами, категориями.
Создание меню в Joomla
В админ панели сверху нажимаем Меню Менеджер меню, по умолчанию у вас доступно Main Menu, оно же главное меню, у этого пункта есть выпадающий пункт - Создать пункт меню, выбираем Main Menu.
Я продемонстрирую три способа как сделать меню в joomla.
Способ первый - блог категорий
Создадим первый пункт меню - Автомобили, в типе пункта меню выбираем Блог категории, выбор категории - Автомобили, целевое окно - Родитель, это значит, что открытие произойдет в той же вкладке, меню - Main Menu оставим как есть, родительский элемент - Корневой пункт меню, так как это первый элемент, он всегда будет на странице. Состояние - опубликовано, чтоб пункт меню отображался на сайте.
Повторим все действия как с Автомобилями для Мотоциклов и Велосипедов, и у нас созданы пункты меню по всем категориям.
в списке модулей нажмем на название модуля Main Menu(главное меню) для внесения изменений,
а именно: позиция модуля Menu, показывать подпункты меню - да,
Перейдём на наш сайт и увидим, что вверху нашего шаблона появилось созданное меню.
Поскольку мы создавали тип меню - блог категорий то при клике на пункт меню на странице будут отображаться все статьи из соответствующей категории: мотоциклы,
велосипеды
И автомобили.
Способ второй - отдельный материал
Изменим пункт меню Мотоциклы, название исправим на Ява, очистим алиас "mototsikly" иначе это может привести к ошибке,
тип пункта меню установим материал, а сам материал выберем Ява.
Проделаем эту же процедуру для остальных пунктов меню,
перейдем на сайт и увидим,
Способ третий - выпадающее меню
Снова создадим пункт меню Мотоциклы, тип меню - системные ссылки - заголовок,
очищаем алиас (псевдоним) пункта меню,
Сохраняем. Откроем материал Ява и в выпадающем блоке родительский элемент выбираем -Мотоциклы.
Теперь пункт меню Ява дочерний по отношению к родительскому пункту Мотоциклы.
Проделаем то же самое с Харлеем, указав родительским пунктом Мотоциклы, а к пунктам велосипеды и автомобили привяжем подобным образом соответствующие статьи.
Перейдём на сайт и увидим,
что наше меню стало похоже на меню из первого способа, но если навести курсор к названию меню,
То станут видны выпадающие - дочерние пункты, ведущие к статьям.
Конкретно на этом шаблоне раскрытие меню происходит при наведении курсора на заголовок меню,
Но можно и кликнуть на это название для открытия остальных скрытых пунктов. Ну а клик по дочерним пунктам меню откроет материал на сайте как во всех предыдущих способах.
Какой из этих основных способов создания меню в joomla захотите использовать - решать вам. Хочу отметить, что в одном меню можно использовать все способы сразу, хотя так обычно не делают, первый способ удобен, когда очень много материалов в категории и посетитель вашего сайта перейдет сразу в раздел с интересующими материалами. Второй способ можно видоизменить, сделав ссылку на материал, в тексте которого будут ссылки на материалы одного раздела, третий способ дает возможности быстро просмотреть список статей раздела в меню, на мой взгляд, это оптимальный вариант. А ведь еще можно в меню сделать ссылку на карту сайта, форму регистрации, добавить ссылку на внешний ресурс... и много чего еще, но об остальных вариантах мы поговорим в другой раз.
В этом видео подробно показано как сделать меню в Joomla:
Рекомендуем смотреть видео в полноэкранном режиме, в настойках качества выбирайте 1080 HD , не забывайте подписываться на канал в YouTube , там Вы найдете много интересного видео, которое выходит достаточно часто. Приятного просмотра!
