Создать красивое меню joomla 3. Как сделать меню в Joomla, три способа создания меню в Joomla. Типы пунктов меню

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

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

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

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

После создания материала Вы наверно уже обратили внимание, что на сайте он не появился, оно и понятно ведь мы для этого ничего не предпринимали. Так как же выводить созданные материалы на страницах сайта? Все очень просто, для этих целей в 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.6. Именно пункты меню являются важнейшей составляющей любого интернет ресурса, так как они выполняют значимую роль основной навигации сайта.

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

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

Создание базового пункта меню

1. В административной панели Джумла вверху находим раздел - Меню/Main Manu/Создать пункт меню.

2. На следующей странице прописываем «Заголовок меню». Поле «Алиас» оставляем пустым. Это связано с тем, что после того как название меню будет создано, система автоматически пропишет в нем все необходимое. Это также касается материалов и категорий, для которых вы прописываете заголовок.

3. Тип пункта меню – эта важная часть, отвечающая за вывод материала. Кликаем выбрать.

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

4. Теперь, когда вы определились и выбрали вышеуказанный тип меню, следует произвести «Выбор категории ». По умолчанию в системе будет отображаться Uncategorised. Здесь необходимо выбрать категорию, которая привяжется к меню. В дальнейшем возможно изменять привязку. Так что если вы ошибочно привязали не то что хотели, это всегда можно исправить, зайдя в меню Joomla.

5. В правой области окна находятся настройки связанные с отображением. Состояние - выбираем «Опубликовано». Главная страница – думаю и так все понятно. Если ее выбрать, весь материал категории будет отображаться на главной странице. Также можно задать «Родительский элемент». По умолчанию установлено «Корневой пункт меню». Этот раздел выполняет важную роль, так как позволяет создать подменю к выбранному в строке главному меню. Но так как у нас пока что только один пункт меню, то и привязывать особо нечего.

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

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

Если вы хотите чтобы в меню отображалась одна статья, необходимо возвратиться в Тип пункта меню/Материалы/Материал. И в графе «Выбор материала» выбрать подобающий материал. Далее все идентично вышеприведенному методу.

Теперь можно перейти на главную страницу сайта и убедиться в существовании и работоспособности свеженького пункта меню Joomla и расположенном в нем контенте.

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

Спасибо за внимание и до скорых встреч на страницах Stimylrosta.

Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter

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

Блог категории: статьи с расширением расположены на странице одна за другой в виде столбца или нескольких столбцов и внизу страницы могут быть расположены ссылки на другие статьи этой категории.

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

Меню – это набор кнопок, которые приведут пользователя на конкретные объекты: статьи, список категорий и т.п. Вывести информацию на сайт можно как в виде блога, так и в виде статичной страницы.

Открыв окно «Менеджер меню» (с помощью кнопки «Меню» на панели управления) можно увидеть страницу с уже созданными типами меню.

Для создания нового меню нужно нажать на кнопку «Создать».

На открывшейся странице «Детали меню» необходимо заполнить поля:

Системное имя (латинским шрифтом), заголовок – имя пункта меню при выводе на сайт, описание меню и заголовок модуля – который будет использоваться при выборе способа вывода меню на сайт.

Для создания пунктов меню необходимо в «Менеджере меню» нажать на кнопку «Пункты меню» в одноименном столбце.

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

и перейти на страницу «Пункт меню».

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

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

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

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

Из архива – в виде блога с фильтром, который позволяет задавать параметры отбора материала. Для создания блога категории необходимо нажать на ссылку «Блог категории».

На открывшейся странице заполнить поля:

Заголовок - текст который будет отображаться в меню

Псевдоним - текст, который станет основой url для этого пункта

Показать в - привязать пункт к определенному меню

Родительский элемент - указать родительский элемент пункта

Доступ - указать доступ к пункту

Открывать в - в каком окне будет открываться пункт меню

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

Описание - скрыть или показать описание

Картинка - описания скрыть или показать картинку описания

Во всю ширину - указать количество новостей, отображаемых во всю ширину области контента

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

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

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

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

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

Менеджер меню

Для доступа к Менеджеру меню нужно щелкнуть на пункте Меню (Menus) в верхнем меню панели управления и выбрать команду Менеджер меню (Menu Manager). Откроется экран Менеджера меню, содержащий список уже существующих меню. Данные по каждому из них выводятся в табличном представлении:

  • Заголовок (Title). Это название меню. Для того чтобы просмотреть пункты меню, нужно щелкнуть на заголовке интересующего вас меню.
  • Тип меню (Menu Type). Это уникальное имя меню. У каждого меню должно быть собственное уникальное имя. Несмотря на то что оно доступно для редактирования, почти невозможно придумать ситуацию, в которой вам бы это потребовалось; изменение типа меню может иметь чрезвычайно серьезные последствия.
  • Опубликованных (Published). Это число опубликованных пунктов меню. Пункты меню могут принимать те же состояния, что и материалы и категории.
  • Неопубликованных (Unpublished). Это число неопубликованных пунктов меню.
  • В корзине (Trashed). Это число пунктов меню, которые были удалены, но еще не стерты из корзины меню.
  • Модули, связанные с данным меню (Modules). Это число модулей, с которыми связано конкретное меню. Меню отображаются на сайте посредством модулей. Иногда возникает необходимость показывать одно и то же меню в нескольких разных модулях.
  • ID . Это уникальный номер, связанный с каждым меню.

Пункты меню

Для доступа к пунктам определенного меню щелкните на названии меню на ссылке Пункты меню (Menu Items) в подменю страницы или же воспользуйтесь главным меню панели управления: раскройте пункт Меню (Menus) и выберите в списке название того меню, которое вы желаете отредактировать. Открыв любым способом экран Менеджер меню: Пункты меню (Menu Item Manager) для выбранного меню, вы увидите список существующих пунктов меню (он может быть пуст, если ни одного пункта еще не создано). Также вы увидите панель инструментов с набором кнопок, очень похожим на набор инструментов, предназначенных для редактирования материала. Например, можно щелкнуть на кнопке Создать (New) для создания нового пункта меню; можно выбрать пункт меню и щелкнуть на кнопке Изменить (Edit), чтобы отредактировать его.

Кроме того, здесь есть возможность изменять состояние пунктов меню. Также предлагается функция пакетной обработки, поддерживающая такие действия, как перемещение, копирование, изменение уровня доступа и смена языка. Две новые кнопки называются Главная (Home) и Перестроить (Rebuild). Кнопкой Перестроить (Rebuild) следует пользоваться только в том случае, если вы внесли какие-то значительные изменения в структуру меню. Кнопка Главная (Home) позволяет определить домашнюю (главную) страницу вашего сайта. Именно эту страницу видят пользователи, когда заходят по адресу ваш_домен.домен_первого_уровня без каких-либо дополнительных названий страниц в конце URL-адреса. Для того чтобы ваш сайт на базе Joomla! успешно работал, обязательно нужно назначить одну из страниц главной (домашней) страницей.

В Менеджере пунктов меню щелкните на кнопке Создать (New). Откроется экран, показанный на рис. 5.9. Первым делом для создания пункта меню нужно выбрать его тип. Для этого щелкните на кнопке Выбрать (Select). На экране откроется список типов. В Joomla! 3 сначала отображается список верхнего уровня, содержащий общие заголовки; щелкайте на заголовках, чтобы увидеть значения типов. В Joomla! 2.5 весь список отображается целиком, и вам не нужно дополнительно щелкать ни на каких заголовках.

  • Контакты (Contacts). Позволяет создавать ссылки на одиночные записи контактов, категории контактов, избранные контакты или список всех категорий контактов. Для создания и управления контактами используется компонент Контакты (Contact) в меню Компоненты (Components).
  • Материалы (Articles). Позволяет создавать ссылки на отдельные материалы или на материалы, сгруппированные по категориям, на группу избранных материалов или же на список категорий материалов. Что касается групповых типов, вы можете выбрать макет Блог категории (Blog), в котором для всех материалов из группы отображается вступительный текст, либо макет Список материалов категории (List), в котором в форме табличного списка отображаются заголовки материалов и информация о них.
  • Умный поиск (Smart Search). Позволяет создавать ссылки на поиск. Данный тип объединяет множество вариантов ссылок для меню.
  • Ленты новостей (News Feeds). Позволяет создать в меню ссылки на любые ленты новостей, которые вы настроили с помощью Менеджера лент новостей (News Feed Manager) в меню Компоненты (Components), а также на список лент новостей в категории или на список всех категорий лент новостей.
  • Поиск (Search). Позволяет создавать в меню ссылки на страницу детализированного поиска.
  • Менеджер? пользователей (User). Позволяет создавать в меню ссылки на элементы, связанные с различными аспектами поддержки пользователей на вашем сайте: вход в систему, регистрация, напоминание утерянного пароля или имени пользователя, пользовательские профили (отображение информации профиля), редактирование пользовательских профилей (возможность для пользователя изменить информацию в своем профиле).
  • Ссылки (Web Links). Позволяет создавать в меню ссылки на отдельные категории ссылок, которые вы определили с помощью компонента Ссылки (Web Links) в меню Компоненты (Components), либо на список всех категорий ссылок. Вы также можете создать пункт меню для формы отправки информации, с помощью которой пользователи будут добавлять на ваш сайт новые ссылки. Обертка? (Wrapper). Пункт меню Обертка (Wrapper) позволяет отображать внешние страницы в отдельном фрейме на вашем сайте. Отображение внешнего сайта в обертке вашего сайта может быть полезно в ситуациях, когда пользователям требуется просматривать другой сайт и перемещаться по нему, не теряя возможности пользоваться навигационными элементами вашего сайта.
  • Системные ссылки (System Links). Позволяет добавить Внешнюю ссылку (External Link), ведущую на страницу за пределами вашего сайта; Псевдоним пункта меню (Menu Item Alias), позволяющий сослаться на другой существующий пункт меню (данной возможностью нужно пользоваться всегда при создании второй ссылки на тот же самый материал); или Разделитель (Text Separator), то есть тип пункта меню, играющий роль разделителя между другими пунктами меню. В последнем варианте возможно использование рисунка или текста.

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