Создание и настройка меню в Joomla. Настройка модулей меню

Logo
Создание и настройка меню в Joomla. Настройка модулей меню

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

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

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

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

Здесь нам нужно заполнить следующие поля:

  • Системное имя – присваиваем уникальное имя нашему меню, которое будет использоваться Joomla. Имя должно быть написано английскими буквами и желательно покороче, так как будет использоваться в коде для идентификации этого меню Joomla.
  • Заголовок – сюда вписываем название меню для себя. Оно будет отображаться в административной панели Joomla.
  • Описание – аналогично предыдущему.
  • Заголовок модуля – имя модуля, который автоматически появится после создания меню. Потом его можно будет изменить, зайдя в Расширения – Менеджер модулей и выбрав нужный нам модуль меню.

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

Создание и настройка модулей меню в Joomla. Функции модулей меню

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

  1. Отвечает за вывод меню на сайте в определенном месте (позиции).
  2. Определяет внешний вид (горизонтально, вертикально).
  3. На каких страницах отображать меню, а на каких нет.
  4. Кому должно быть видно меню (всем, только зарегистрированным и т.д).
  5. Отображать или скрыть вложенные пункты.

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

  • Заголовок – здесь мы можем изменить название модуля, которое будет отображаться на сайте.
  • Показать заголовок – выбираем показывать заголовок на сайте или нет.
  • Включен – включение/выключение модуля меню.
  • Позиция – здесь нам нужно указать, в какой позиции на сайте Joomla будет выводиться данный модуль меню. Для того, чтобы проверить все возможные позиции для своего сайта Joomla просто добавьте в адресную строку текст «?tp=1» (без кавычек). На практике это выглядит так: http://dmitriydenisov.com/?tp=1

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

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

Теперь переходим к пункту «Назначение меню». Здесь можно выбрать на каких страницах будет отображаться данное меню. По умолчанию стоит значение «Все». Если вы хотите отображать меню не везде, то выберите значение «Выбрать из списка» и отметьте нужные вам пункты меню, зажав при этом клавишу Ctrl.

Теперь давайте перейдем к осмотру параметров модуля. Здесь есть три вкладки. Мы не будем детально рассматривать их, так как зачастую это не нужно. Давайте рассмотрим только самые основные настройки модулей меню.

Параметры модуля

  • Название меню – выбираем то меню, которое вы создали либо которое вам необходимо.
  • Стиль меню – выбираете стиль отображения меню. Здесь нужно тестировать, так как внешний вид будет зависеть от шаблона, который вы используете на своем сайте Joomla.
  • Начальный уровень – указываем номер уровня меню, с которого меню будет показано в модуле.
  • Последний уровень – номер уровня меню, до которого меню будет показываться в модуле. Обычно это и предыдущее поле оставляют без изменений со значениями 0 0.
  • Всегда показывать вложенные подпункты – выбираем, хотим ли мы? чтобы меню всегда отображалось целиком со всеми вложенными подпунктами.
  • Назначение Target – ну здесь смысл понятен, но обычно это поле не трогают и оставляют пустым.

Расширенные параметры

  • Показывать пробелы – обычно ставится значение «Нет».
  • Кэширование – выбираем включать или не включать кэширование для модуля меню. Обычно этого лучше не делать, так как если ваше меню изменяет свой вид в зависимости от того, на какой странице вы находитесь, то это может повлиять на правильную работу модуля меню, например, будет постоянно гореть только один пункт меню. Думаю, смысл понятен.
  • ID Меню — идентификатор корневого HTML элемента меню. Обычно поле оставляется по умолчанию.
  • Суффикс класса меню — суффикс CSS-класса для изменения внешнего вида меню.
  • Суффикс класса модуля – почти то же самое, что и суффикс класса меню.
  • Максимальная вложенность – максимальное количество отображения вложенных пунктов меню, после чего они просто начнут игнорироваться и выводиться не будут.

Другие Параметры

  • Показывать иконки меню – ну здесь все понятно. Включаем или выключаем отображение иконок для меню.
  • Выравнивание картинки меню – выбираем выравнивание для картинок меню. Если предыдущий пункт не включен, то можно пропустить данный пункт.
  • Раскрывать меню – отвечает за раскрытие меню и отображение подменю. Можно оставить по умолчанию.
  • Активировать родителя – активация родительских пунктов в меню.
  • Полное активное выделение – «По умолчанию».

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

Ну и в завершение давайте рассмотрим, как же создавать пункты меню в Joomla.

Создание и настройка пунктов меню в Joomla

Joomla позволяет создавать пункты меню как для отдельных статей, так и для разделов, категорий, внешних ссылок и т.д.. Я опишу создание пунктов меню только для первых трех случаев.

Итак, для того чтобы создать пункт меню в Joomla нужно сделать следующее. Заходим в Административную панель – Все меню – Ваше меню и в открывшемся окне жмем «Создать». Здесь нам потребуется выбрать тип «Материалы».

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

  1. Для создания пункта меню ведущего на отдельную статью – «Стандартный шаблон материала».
  2. Для пункта меню ведущего на материалы категории  — «Шаблон списка категории».
  3. Для отображения содержания раздела – «Стандартный шаблон раздела».

После выбора нужного вам типа у вас откроется окно с настройками пункта меню. Для примера я выбрал «Стандартный шаблон материала».

  • Заголовок – название пункта меню.
  • Псевдоним – можно оставлять пустым.
  • Показать в – выбираем в каком меню мы хотим, чтобы появился наш пункт меню.
  • Родительский элемент – ну думаю тут и так все понятно.
  • Опубликовано – то же самое, что и с предыдущим пунктом.
  • Доступ – кто может видеть этот пункт меню. Обычно ставится значение «Все».
  • Открывать в – обычно ставится «этом же окне с навигацией».

Теперь перейдем к «Параметрам». Здесь мы рассмотрим только вкладки «Основные» и «Система». Сначала давайте разберемся с первым. Во вкладке «Основные» нужно выбрать тот материал, который вы хотите привязать к пункту меню. Теперь перейдем к следующей вкладке под названием «Система».

Здесь самую важную роль играют два пункта. Это «Заголовок страницы» и «Показать заголовок страницы». Первый пункт отвечает за формирование Title для пункта меню, а второй за активацию этой функции. Title очень важен для поисковой оптимизации сайта, поэтому рекомендую отдельно ознакомиться со статьей «Настройка title, description и keywords в Joomla 1.5».

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

Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter

Комментарии 27

  • Евгений

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

  • Изюм

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

  • Дмитрий

    Странно. Попробуйте очистить кэш браузера либо воспользоваться другим браузером. Скорее всего причина именно в нем.

  • Людмила

    Здравствуйте, помогите, пожаллуйста, как вывести модуль в правую часть на странице? При выборе позиции модуля позиция right отсутствовала. Я внесла изменения в файл templateDetails.xml без ошибок, но при изменении файла index.php в правую часть не выводит, где только не вставляла (в index.php вставляла строку <jdoc:include type="modules" name="right" style="xhtml" /> везде методом тыка даже — все равно вставляет не справа). Как правильно вывести в правую часть, помогите, плиз.

  • Дмитрий

    Переписывание шаблона это не пятиминутное дело. Этому нужно обучаться. Рекомендую попробовать использовать конструкцию "{loadposition позиция}". Подробнее об этом можно найти на этой странице — dmitriydenisov.com/joomla/kak-vstavit-proizvolniy-kod-v-joomla.html

  • Дулат

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

  • Дмитрий

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

  • Дулат

    Дмитрий, спасибо за ответ! А, как можно узнать поддерживает ли шаблон работу многоуровневое меню. Я слышал можно настраивать суффиксы класса и ID и т.д. Как это можно узнать?

  • Дмитрий

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

  • Алена

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

  • Дмитрий

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

  • Дулат

    Здравствуй Дмитрий. Можешь ли подсказать? Как вставить модуль с изображением в правой колонке. Т.е. не вставка изображения в текст. А именно изображение в правой колонке. Я сам пытался так. Шаг.1. Зашел в менеджер модулей. Выбрал создать модуль с произвольным изображением назвал ее ХХХ. Зашел туда, выбрал позицию right. А в правом блоке
    "параметры модуля" по умолчанию стоит:
    Тип изображения — jpg
    Папка изображений
    Ссылка
    Ширина (пикс)
    Высота (пикс)
    Вы можете подсказать, что делать дальше?

  • Дмитрий

    Изображение можно вставить вручную через модуль "Произвольный HTML-код" или модуль Jumi. Судя по всему, если изображение не отображается, то неправильно указан путь к изображению. Используйте FireBug для проверки корректности кода.

  • Дулат

    Спасибо, Дмитрий! Мало что понял, но все равно спасибо! Спец бы может и понял. Дело в том что я путь не указывал потому что я не знаю как это сделать. Я думал модуль мне предложит выбрать фото, как предлагает выбрать материал, а он гад не предлагает и я тут встрял. Моих знаний не хватило дальше.
    P.S.
    А почему модуль "Произвольный НТМЛ" а не модуль изображения? Как можно в модуль НТМЛ впихнуть картинку? Хотя надо попробовать. И как сказал Наполеон: Война план покажет!
    Спасибо!
    Или мне нужно может скачать и установить модуль Jumi?

  • Дмитрий

    Рекомендую пройти базовый курс по XTML. У Евгения Попова есть бесплатные видео уроки по XTML и CSS. Основы сможете выучить за вечер. Это позволит избавиться от множества вопросов и облегчит работу с сайтами. Что касается модулей, то без базовых знаний ими невозможно будет воспользоваться, так как там тоже нужно будет вручную прописывать код.

  • Дулат

    Спасибо, Дмитрий!

  • Дмитрий

    Не за что. Учитесь на здоровье! Все как-то начинают. И я когда-то начинал так же:) В любом случае, если вдруг возникнут какие-то вопросы — задавайте. Всегда рад помочь.

  • Дулат

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

  • Виталий

    Здравствуйте, подскажите пожалуйста, по созданию своего меню, использую шаблон rhuk_milkyway, но при создании своего меню, оно вылазит на в рамке а как текстовка, где прописывается для него  CSS

  • Дмитрий

    Дулат, попробуйте пройти остальные курсы. Там еще много полезной информации, особенно по части HTML, CSS, PHP и MySQL. Виталий, в джумле в настройках модуля меню можно указать класс для меню. Иногда разработчики создают дополнительные классы, чтобы пользователь мог самостоятельно менять внешний вид меню. В любом случае можно вручную прописать свой класс в настройках модуля меню, а затем описать его в таблице стилей текущего шаблона. Чтобы определить файл стилей, который нужно править, используйте расширение для браузера FireBug. В правом окошке при наведении на объект будут видны его стили и название файла со стилями. Оттуда также можно будет узнать месторасположение таблицы стилей.

  • Dulat

    хорошо Дмитрий! Видимо надо еще раз внимательней смотреть. Вы так часто ссылаетесь на дополнение FireBug. Я ее юзаю, но как полный юзер ))). ВИдимо надо отдельный урок делать по этой проге. Так то она удобна, чувствую что в ней большой потенциал. Но если весь функционал не знаешь проку мало. В общем еще учиться и учиться как Ленин завещал.

  • Дмитрий

    FireBug — одно из самых полезных расширений в арсенале каждого вебмастера. Я о нем уже когда-то писал в статье про полезные расширения для браузера. Это было давно и написано было не очень много, но все же информацию про данный плагин можно найти в рубрике "Вебмастеру".

  • Edward

    Здравствуйте Дмитрий. Подскажите как избавиться от tool tips  в главном меню. Перерыл всю сеть информации нет. Специальных плагинов не ставил, причём подсказки выскакивают не на всех пунктах меню 

  • Дмитрий

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

  • Сергей

    Здравствуйте Дмитрий. Подскажите, почему на сайте отображается главная страница при изменении пунктов меню joomla 2.5.4

  • Дмитрий

    Не совсем понял суть вопроса. Уточните, пожалуйста, вопрос или напишите мне в "Контакты", указав ссылку на сайт или приложив скриншоты.

  • Дмитрий

    Спасибо! Оказалось полезным для решения задачи: пунктов налазящих друг на друга. Успехов!

Оставить комментарий

отменить ответ