Создание пункта меню в joomla. Как создать Меню Joomla — краткая инструкция. Создаём и выводим модуль меню Joomla на страницу

Когда мы создавали в Joomla пункт меню, чтобы вывести ссылку на страницу, то использовали только один тип пункта - Материал, хотя видели, что список типов довольно обширен. Эта статья расскажет о них подробней.

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

  • Контакты. Используется, если нужно вставить ссылку на контакты. Предлагается четыре варианта вставки: избранные контакты, одиночный контакт, список групп контактов или перечень контактов определённой группы.

  • Ленты новостей. Как мы помним, лентам новостей в Joomla уделено много внимания: по умолчанию даже устанавливается одноимённый многофункциональный компонент для работы с ними. Также им посвящён целый тип пунктов меню. Можно отобразить как отдельную ленту, так и список лент отдельной категории или все существующие группы лент.

  • Материалы. Единственный уже знакомый раздел. Можно отобразить вводные части материалов, отдельную запись (как мы это уже делали), избранные и архивные посты, список категорий и перечень статей внутри конкретной группы, а также форму создания нового материала.

  • Менеджер настроек. Содержит всего два подпункта. Параметры конфигурации сайта - ссылка на основные настройки ресурса (название, техническое отключение, уровень доступа, метаданные), и Параметры шаблона - пункт будет вести на настройки темы оформления, если таковые в активном шаблоне есть.

  • Менеджер пользователей. Всё, что связано с учётными записями. Позволяет вывести ссылки на восстановление, изменение пароля и выход из аккаунта, просмотр и изменение пользовательского профиля, форму регистрации и авторизации. Особенно этой группой элементов хорошо пополнять User Menu.

  • Метки. Вывод, ориентированный на теги: можно отобразить либо сами метки, либо список связанных с ними элементов в компактном и расширенном виде (сами теги выбираются в редакторе пункта меню после установки типа - в форме появятся нужные элементы).

  • Обёртка (Wrapper). Выводит информацию с указанной страницы во фрейме.

  • Поиск. Отображает поисковую форму и выдачу.

  • Системные ссылки. Этот тип позволяет добавлять внешние ссылки - URL, ведущий на материал вне вашего сайта, задать разделитель пунктов меню, сослаться одним пунктом меню на другой.

  • Умный поиск. Позволяет вставлять ссылки на умный поиск. Собственно, тип пункта появился благодаря присутствию в Joomla одноимённого компонента.

Вот и все элементы, присутствующие «из коробки». Однако список типов меню может пополняться новыми разделами при установке дополнений Joomla.

Создаем меню в Джумла 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 3. Перед создание меню нужно понять одну простую вещь: меню - это элемент навигации по сайту, то есть инструмент для пользователя сайта. Поэтому правильно спроектированное меню - это способ удержать посетителя на сайте, а неправильное меню, если не отпугнёт пользователя, то уж точно не поможет ему задержаться и оценить все прелести сайта. ;)

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

1. Создание нового меню сайта через Главное меню админки Joomla 3

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

Можно пойти другим путём и сперва открыть «Менеджер меню » , а уже в нём, нажать на зелёную кнопку с плюсиком «Создать ». Эти действия всё также приведут нас на всё ту же страницу создания нового меню.

Менеджер меню : Создание меню

Итак, любым из описанных выше способов мы оказались на странице «Менеджер меню : Создание меню »:

  • Заголовок (поле обязательное для заполнения) - сюда записываем Заголовок меню, который будет отображаться в Панели управления.
  • Тип меню (поле обязательное для заполнения ) - сюда записываем (латиницей) что-то типа алиаса названия меню (системное имя меню).
  • Описание - поле можно не заполнять, а можно кратко описать то, для чего будет служить создаваемое меню.
  • Клиент (тут обязательно нужно выбрать ) - ...и без вариантов, меню создаётся для сайта? Значит оставляем зелёной кнопку «Сайт »

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

Итог

После того, как новое меню сайта создано, оно будет отбражено в списке меню «Менеджера меню»:

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

Таким образом можно создавать новые меню сайта. =D

Продолжаем знакомиться с администрированием 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.

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

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

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

Для создания пункта меню необходимо:

нажать на кнопку «Создать» и перейти на страницу «Пункт меню» .

На ней представлено четыре вида пунктов:

  • внутренняя ссылка
  • внешняя ссылка
  • разделитель
  • псевдоним

В виде шаблона блога категории .

Открывшуюся страницу можно условно разделить на 5 вкладок: «Подробности » , «Параметры - Основные » , «Параметры - Расширенные » , «Параметры - Компонент » , «Параметры - Система » .

Вкладка «Подробности» . Поля:

  • Заголовок - название пункта меню
  • Псевдоним - псевдоним пункта меню латинским шрифтом
  • Показать в - привязать пункт к определенному меню
  • Родительский элемент - указать родительский элемент пункта меню
  • Опубликовано - показать/скрыть пункт меню
  • Доступ - указать, кто имеет доступ к данному пункту меню
  • Открывать в - в каком окне будет открываться пункт меню

Вкладка «Параметры - Основные» . Поля:

  • Категория
  • Описание - Показать/скрыть описание категории
  • Картинка описания - Показать/скрыть картинку категории
  • Во всю ширину - указать количество статей, отображаемых во всю ширину области контента
  • Вступление - указать количество статей, у которых показывается только вступительный текст
  • Колонки - указать, во сколько колонок будут выстроены материалы
  • Ссылки - указать количество материалов, которые будут отражены в виде ссылок внизу страницы

Вкладка «Параметры - Расширенные» . Поля:

  • Порядок категорий - Сортировать элементы по категории
  • Сортировка - Указать порядок, в котором будут располагаться материалы
  • Порядок для мульти колонок - упорядочивает материалы по колонкам
  • Разбиение на страницы - показать/скрыть поддержку пагинации
  • Результаты разбиения на страницы - Показать/скрыть результаты пагинации
  • Показать ссылку на ленту - Показать/скрыть ссылки RSS-лент

Вкладка «Параметры - Компонент» . Поля:

  • Показывать ссылки на закрытый контент - Показать/скрыть материалы для неавторизованного пользователя
  • Показывать текст заголовка - Показать/скрыть заголовок
  • Заголовок как ссылка - Использовать заголовок как ссылку на сам материал
  • Показывать вступительный текст - Показать/скрыть вступительный текст
  • Название раздела - Показать/скрыть раздел, к которому принадлежит материал
  • Название раздела как ссылка - выводить текст раздела как ссылку на этот раздел
  • Название категории - Показать/скрыть категорию, к которой принадлежит материал
  • Название категории как ссылка - Выводить текст категории как ссылку на эту категорию
  • Имя автора - Показать/скрыть автора
  • Дата и время создания - Показать/скрыть дату создания
  • Дата и время последнего изменения - Показать/скрыть дату изменения
  • Показывать навигацию - Показать/скрыть таблицу навигации по материалу
  • Ссылка подробнее… - Показать/скрыть ссылку «Подробнее»
  • Голоса/Рейтинг статьи - Показать/скрыть рейтинг материала
  • Иконки - Показать/скрыть иконки PDF, печати, E-mail
  • Иконка PDF - Показать/скрыть кнопку PDF. Позволяет пользователю сайта скачать версию материала в PDF-виде
  • Иконка печати - Показать/скрыть кнопку «Печать». Позволяет сразу отправить на печать просматриваемый пользователем документ
  • Иконка E-mail - Показать/скрыть кнопку E-mail. Пересылает посетителя к форме письма для связи
  • Хиты - Показать/скрыть хиты материала
  • Показывать в RSS - Показать в RSS вступительный текст или полный текст материала

Вкладка «Параметры - Система» . Поля:

  • Заголовок страницы - Показать текст для отображения вверху страницы
  • Показать заголовок страницы - Показать/скрыть заголовок
  • Суффикс класса страницы - добавляется к названиям CCS - классов страницы
  • Картинка меню - поместить картинку рядом с элементом меню
  • SSL включено - Использовать/не использовать SSL для ссылки

-В виде шаблона списка категории (при этом будут отображаться все статьи категории в виде ссылок).

Поля:

  • Категория - Выбрать категорию, к которой относится пункт меню
  • Ссылки - Указать количество статей, отображаемых как ссылки
  • Заголовки таблицы - Показать/скрыть заголовки таблицы
  • Колонка даты - Показать/скрыть колонку даты
  • Формат даты - Указать формат отображаемой даты
  • Фильтр - показать/скрыть фильтр
  • Поле фильтра - Указать, к какому полю должен применяться фильтр

Материал:

–В виде стандартного шаблона материала (Статичной страницы с одним материалом. Другие статьи на странице не отображаются.)

Страница идентична шаблону блога категории за исключением вкладки «Параметры - Основные» . Поля:

  • Выберите материал - Выбрать статью

-Шаблон отправки материала (только авторизованным пользователям с правами не ниже автора), в котором с помощью текстового редактора можно написать статью на сайте и отправить.

На главной:

-Шаблон блога материалов на главной.

Позволяет выводить материал на главной странице только в форме блога. (Выводятся все материалы, у которых отмечен пункт «отображать на главной»).

В архив:

–в виде списка материалов в архиве (Отображает статьи, которые были заархивированы и ищутся по дате

Раздел:

–В виде шаблона блога раздела

В виде стандартного шаблона раздела (при этом будут отображаться все статьи раздела в виде ссылок).

Клавиша «Сменить тип» позволяет сменить тип пункта меню.

С помощью кнопок на верхней панели можно:

- Кнопка . Вызвать в новом окне страницу описания по окну «Создание пункта меню» .

- Кнопка . Закрыть окно создание пункта меню без сохранения изменений. Нажмите «Отменить» .