Навигация Joomla 2.5. Типы меню

Rate this item
(3 votes)

Что такое Навигационное меню? Это набор ссылок, которые приводят пользователя в различные части сайта, ссылаются на определенный материал, приводят к web формам. Проще говоря - это связи сайта.

Мы уже говорили о меню в предыдущих статьях. Мы коснулись понятия меню и рассмотрели 2 типа пунктов меню. Пришло время разобрать подробнее логику меню в Joomla 2.5 .

Говоря о Joomla 2.5 мы должны представлять себе весь спектр ее возможностей по выводу контента. Как уже говорилось, меню - это логическая структура - объект, предназначенный для "хранения ссылок" (именно так, и ни как иначе). Вывод же ссылок осуществляется посредством модуля "Меню". Проще говоря, логика следующая: меню - это "контейнер с ссылками", и модуль выводит непосредственно этот "контейнер" в определенном месте шаблона, на определенных страницах и (если необходимо) для определенных групп пользователей (например, для зарегистрированных). Модулю все равно, что в этом контейнере, поэтому все настройки по выводу контента производятся в пунктах меню , имеющих определенный "тип". Эта логика касается только компонента меню и типа модулей "Меню", во всех других случаях логика будет отличаться.

Ясно, что без рассмотрения модуля в статье про меню не обойтись, поэтому сразу определимся. Модули, как и пункты меню, имеют свой "тип". В Joomla 2.5 именно так принято различать модули (тип модуля), но, понятие понятием, а фактически для модуля тип - это  "принадлежность к компоненту". До конца курса мы рассмотрим все стандартные типы модулей, а сегодня нас ждет только тип "Меню".

Обобщаем: в Joomla 2.5 за навигацию отвечает компонент com_menus, этот компонент предоставляет нам возможность выбора типов пунктов меню и имеет свой тип модулей (тех самых моделей типа "Меню", привязанных к нему).

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

1. Создание меню.

Идем в Меню->Менеджер меню->Создать меню. После инсталляции в Joomla 2.5 уже создано одно меню Main menu с одним пунктом по умолчанию Home, кроме того у нас уже есть модуль, выводящий это меню. Мы можем его переименовать (например, Главное меню) или оставить как есть, (т.к. название меню необходимо только для администратора, оно ни где на сайте выводиться не будет) просто создадим в нем пункты. Для подробного примера создадим еще одно меню "Первое".

После создания меню, нам необходимо создать пункты к нему и создать модуль. Что вперед? Все равно... поскольку для отображения меню нужны и пункты и модуль. Для удобства я начну с модуля.

 

2. Создаем модуль.

Как видно, создание модуля из менеджера меню короче на 2 шага, т.е. не нужно заходить в менеджер модулей и выбирать тип модуля. Однако, Joomla 2.5 позволяет создавать сколько угодно модулей для одного и того же меню (представьте, что меню выводится на каждой странице в разных местах). По этому создание модуля (это естественно) если нужно более одного модуля, второй придется создавать через менеджер модулей.

При выборе типа модуля "Меню" мы попадаем в "конструктор" модуля. У нас есть 2 типа настроек - общие, которые будут одинаковы для всех типов модулей, и типовые, которые у каждого типа модулей свои. В данном случае все наши типовые настройки сводятся  к выбору меню в о вкладке Основные параметры.

Кроме того У нас есть еще и Дополнительные параметры. Здесь, последние 3 пункта - это общие настройки (суффикс CSS-класса модуля, кэширование и срок кэширования будут присутствовать во всех типах модулей), а первые 4 поля - типовые параметры для модуля меню.

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

Как видно создание пунктов меню можно осуществить 2-мя способами - пройдя по ссылки менеджера меню и кликнув на название меню. Первый способ короче как минимум на один шаг.

После того, как мы попадаем в "конструктор" пункта меню нам сразу необходимо выбрать тип пункта меню. Тип пункта меню - это фактически определение компонента, который мы будем использовать и шаблон вывода (в нашем случае шаблон вывода конкретной статьи).

Конечная ссылка (в данном случае) пункта меню будет выглядеть так:  index.php?option=com_content&view=article&id=1

com_conten - показывает какой компонент используется, в данном случае используем компонент, отвечающий за работу с контентом;

view=article - загружаем один шаблон вывода компонента, в данном случае шаблон вывода конкретной статьи;

id=1 - появляется после сохранения пункта меню, показывает, какую именно статью (по id) мы выводим. Кстати мы ее выбираем во вкладке  "Обязательные параметры", причем по названию.

Заголовок меню - это текст ссылки;

Алиас - т.н. псевдоним, используется при SEF. Т.е. описанная выше ссылка - это "физический адрес", в Joomla 2.5 можно создавать короткие ссылки. Для данного пункта меню, короткая ссылка будет ваш_домен/index.php/first, а с использованием mod_rewrite (модуль Apache) будет такой: ваш_домен/first. Рекомендуется заполнять алиасы смысловыми значениями (перевод на английский).

Меню - настройка принадлежности к меню, при желании можно поменять меню в котором должен находиться пункт, это можно сделать в любой момент.

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

Порядок - порядок вывода пункта. Т.е. каким по счету (на своем уровне вложенности) будет выводиться пункт.

Главная страница - если "да", то пункт меню будет назначен по умолчанию. Таким образом пункт меню (вне зависимости от алиаса и типа) будет иметь URL соответственно Вашему домену: http://exemple.com (www.exemple.com).

Язык - необходимая настройка для организации многоязычности.

Стиль шаблона - фактически, используемый шаблон. В Joomla 2.5 для каждой страницы можно использовать свой шаблон, а так, как пункт меню "открывает страницу" шаблон определяется непосредственно в нем.

Теперь об "Общих" настройках в правой части панели "конструктора":

Параметры отображения ссылки - определяет вид выводимой ссылки.

 - Заголовок, как ссылка- настройка, добавляющая свойство "title" в ссылку (в пункт меню). Изначально ссылка первого пункта меню выглядит так: <a href="/http://Ваш_домен/index.php/first">Первый материал</a>. Запишем в поле настройки текст -"Ссылка на первый материал"и получим:<a title="Ссылка на первый материал" href="/http://Ваш_домен/index.php/first">Первый материал</a>

 - CSS-класс ссылки - настройка, добавляющая класс ссылке. Если у нас уже есть <a title="Ссылка на первый материал" href="/http://Ваш_домен/index.php/first">Первый материал</a>, то записав в это поле значение mycss получим следующий результат:<a class=" mycss"  title="Ссылка на первый материал" href="/http://Ваш_домен/index.php/first">Первый материал</a>. Таким образом мы получаем дополнительные возможности управления отображением ссылки.

 - Изображение ссылки - позволяет использовать изображение в пункте меню. При этом текст ссылки (по умолчанию) выводится.

 - Создать заголовок - если ссылка не должна иметь текста, то этот параметр должен иметь значение "нет".

Параметры отображения страницы -определяет вид выводимой страницы.

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

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

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

   - CSS-класс страницы - присваивает класс странице. Дополнительные возможности управления отображения для каждой страницы.

Мета данные - здесь вводятся ключивые слова и описание страницы. Необходимо для поисковой оптимизации.

Привязка модулей к данному пункту - выводит список ссылок на модули, привязанные к этому пункту. Очень удобно для управления вывода модулей.

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

 

Говоря о Joomla 2.5 мы должны представлять себе весь спектр ее возможностей по выводу контента. Как уже говорилось, меню - это логическая структура - объект, предназначенный для "хранения ссылок" (именно так, и ни как иначе). Вывод же ссылок осуществляется посредством модуля "Меню". Проще говоря, логика следующая: меню - это "контейнер с ссылками", и модуль выводит непосредственно этот "контейнер" в определенном месте шаблона, на определенных страницах и (если необходимо) для определенных групп пользователей (например, для зарегистрированных). Модулю все равно, что в этом контейнере, поэтому все настройки по выводу контента производятся в пунктах меню , имеющих определенный "тип". Эта логика касается только компонента меню и типа модулей "Меню", во всех других случаях логика будет отличаться.

Ясно, что без рассмотрения модуля в статье про меню не обойтись, поэтому сразу определимся. Модули, как и пункты меню, имеют свой "тип". В Joomla 2.5 именно так принято различать модули (тип модуля), но, понятие понятием, а фактически для модуля тип - это  "принадлежность к компоненту". До конца курса мы рассмотрим все стандартные типы модулей, а сегодня нас ждет только тип "Меню".

Обобщаем: в Joomla 2.5 за навигацию отвечает компонент com_menus, этот компонент предоставляет нам возможность выбора типов пунктов меню и имеет свой тип модулей (тех самых моделей типа "Меню", привязанных к нему).

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

1. Создание меню.

Идем в Меню->Менеджер меню->Создать меню. После инсталляции в Joomla 2.5 уже создано одно меню Main menu с одним пунктом по умолчанию Home, кроме того у нас уже есть модуль, выводящий это меню. Мы можем его переименовать (например, Главное меню) или оставить как есть, (т.к. название меню необходимо только для администратора, оно ни где на сайте выводиться не будет) просто создадим в нем пункты. Для подробного примера создадим еще одно меню "Первое".

После создания меню, нам необходимо создать пункты к нему и создать модуль. Что вперед? Все равно... поскольку для отображения меню нужны и пункты и модуль. Для удобства я начну с модуля.

 

2. Создаем модуль.

Как видно, создание модуля из менеджера меню короче на 2 шага, т.е. не нужно заходить в менеджер модулей и выбирать тип модуля. Однако, Joomla 2.5 позволяет создавать сколько угодно модулей для одного и того же меню (представьте, что меню выводится на каждой странице в разных местах). По этому создание модуля (это естественно) если нужно более одного модуля, второй придется создавать через менеджер модулей.

При выборе типа модуля "Меню" мы попадаем в "конструктор" модуля. У нас есть 2 типа настроек - общие, которые будут одинаковы для всех типов модулей, и типовые, которые у каждого типа модулей свои. В данном случае все наши типовые настройки сводятся  к выбору меню в о вкладке Основные параметры.

Кроме того У нас есть еще и Дополнительные параметры. Здесь, последние 3 пункта - это общие настройки (суффикс CSS-класса модуля, кэширование и срок кэширования будут присутствовать во всех типах модулей), а первые 4 поля - типовые параметры для модуля меню.

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

Как видно создание пунктов меню можно осуществить 2-мя способами - пройдя по ссылки менеджера меню и кликнув на название меню. Первый способ короче как минимум на один шаг.

После того, как мы попадаем в "конструктор" пункта меню нам сразу необходимо выбрать тип пункта меню. Тип пункта меню - это фактически определение компонента, который мы будем использовать и шаблон вывода (в нашем случае шаблон вывода конкретной статьи).

Конечная ссылка (в данном случае) пункта меню будет выглядеть так:  index.php?option=com_content&view=article&id=1

com_conten - показывает какой компонент используется, в данном случае используем компонент, отвечающий за работу с контентом;

view=article - загружаем один шаблон вывода компонента, в данном случае шаблон вывода конкретной статьи;

id=1 - появляется после сохранения пункта меню, показывает, какую именно статью (по id) мы выводим. Кстати мы ее выбираем во вкладке  "Обязательные параметры", причем по названию.

Заголовок меню - это текст ссылки;

Алиас - т.н. псевдоним, используется при SEF. Т.е. описанная выше ссылка - это "физический адрес", в Joomla 2.5 можно создавать короткие ссылки. Для данного пункта меню, короткая ссылка будет ваш_домен/index.php/first, а с использованием mod_rewrite (модуль Apache) будет такой: ваш_домен/first. Рекомендуется заполнять алиасы смысловыми значениями (перевод на английский).

Меню - настройка принадлежности к меню, при желании можно поменять меню в котором должен находиться пункт, это можно сделать в любой момент.

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

Порядок - порядок вывода пункта. Т.е. каким по счету (на своем уровне вложенности) будет выводиться пункт.

Главная страница - если "да", то пункт меню будет назначен по умолчанию. Таким образом пункт меню (вне зависимости от алиаса и типа) будет иметь URL соответственно Вашему домену: http://exemple.com (www.exemple.com).

Язык - необходимая настройка для организации многоязычности.

Стиль шаблона - фактически, используемый шаблон. В Joomla 2.5 для каждой страницы можно использовать свой шаблон, а так, как пункт меню "открывает страницу" шаблон определяется непосредственно в нем.

Теперь об "Общих" настройках в правой части панели "конструктора":

Параметры отображения ссылки - определяет вид выводимой ссылки.

 - Заголовок, как ссылка- настройка, добавляющая свойство "title" в ссылку (в пункт меню). Изначально ссылка первого пункта меню выглядит так: <a href="/http://Ваш_домен/index.php/first">Первый материал</a>. Запишем в поле настройки текст -"Ссылка на первый материал"и получим:<a title="Ссылка на первый материал" href="/http://Ваш_домен/index.php/first">Первый материал</a>

 - CSS-класс ссылки - настройка, добавляющая класс ссылке. Если у нас уже есть <a title="Ссылка на первый материал" href="/http://Ваш_домен/index.php/first">Первый материал</a>, то записав в это поле значение mycss получим следующий результат:<a class=" mycss"  title="Ссылка на первый материал" href="/http://Ваш_домен/index.php/first">Первый материал</a>. Таким образом мы получаем дополнительные возможности управления отображением ссылки.

 - Изображение ссылки - позволяет использовать изображение в пункте меню. При этом текст ссылки (по умолчанию) выводится.

 - Создать заголовок - если ссылка не должна иметь текста, то этот параметр должен иметь значение "нет".

Параметры отображения страницы -определяет вид выводимой страницы.

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

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

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

   - CSS-класс страницы - присваивает класс странице. Дополнительные возможности управления отображения для каждой страницы.

Мета данные - здесь вводятся ключивые слова и описание страницы. Необходимо для поисковой оптимизации.

Привязка модулей к данному пункту - выводит список ссылок на модули, привязанные к этому пункту. Очень удобно для управления вывода модулей.

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

 

Read 25592 times

Недостаточно прав для комментирования
You have no rights to post comments