Главная Статьи Создание сайтов Руководство по Joomla. Урок 4. Как создать меню?
Руководство по Joomla. Урок 4. Как создать меню?
23.12.2008 15:10

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

{mosloadposition debug}

Мы помним, что у нас уже созданы два раздела, один из которых называется «Овощи», где в свою очередь располагаются категории: «Картошка», «Огурцы», «Помидоры». Второй наш раздел носит имя «Фрукты» и здесь мы видим категории «Бананы», «Абрикосы» и «Яблоки».

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

Для создания и редактирования нашего меню мы зайдем в раздел «Меню».

 

 

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

По умолчанию система управления контентом Joomla, предлагает нам следующий набор меню:

mainmenu (main menu) — главное меню сайта. Предполагается, что именно здесь (что совсем необязательно) будут располагаться самые востребованные для посетителя сайта пункты. То есть на них он будет нажимать чаще всего.

Othermenu и topmenu — еще одно меню, которое вы при желании имеете возможность поставить на свой сайт. Работа с этими меню ничем не отличается от mainmenu, все виды перечисленных меню взаимозаменяемы. То есть вы можете не использовать mainmenu вообще, а на его место поставить Othermenu или topmenu и, соответственно наоборот.

Usermenu — данное меню, как правило, используется для зарегистрированных пользователей. А именно: если владелец сайта позволяет посетителям своего ресурса добавлять материалы, он может поставить Usermenu, которое позволяет добавить новость, статью и другой материал.

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

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

Для этого напротив ненужных пунктов нажатием левой кнопки мышки мы выставляем флажок, после чего в правом верхнем углу нажимаем на кнопку «В корзину». Внимание! Ни в коем случае не удаляйте пункт меню «Главная». Он не только выводит пользователей на главную страницу сайта, но также его наличие позволяет выводить на все той же главной странице сайта анонсы статей.


Теперь, когда мы избавились от бесполезного мусора, пришла пора создать собственные и неповторимые пункты меню.

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

Для создания нового пункта меню в системе управления контентом Joomla, в правом верхнем углу мы нажимаем кнопку «Новый».

Чтобы создать пункт меню привязанный к конкретному разделу, в новом окне, мы выбираем пункт «Блог - материалы раздела». Делается это установкой переключателя напротив названия в положение включено.

После того как переключатель включен, нажимаем на кнопку «Далее» в правом верхнем углу экрана. Откроется новое окно, предлагаю для начала последовательно рассмотреть левую его часть.

 

 

 

 

Имя — в это текстовое поле мы вводим имя нашего будущего пункта меню. Логично будет сюда вписать слово «Овощи».

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

Родитель — пункты меню могут быть как сами по себе, так и являться дочерними по отношению к определенному родителю. Попытаюсь расшифровать то, что сам только что написал. Мы чуть позже будем создавать пункты «Огурцы», «Картошка» и «Помидоры», которые будут вести нас в соответствующие категории. Так как категории эти относятся к разделу «Овощи», логично будет привязать их к какому то более значимому и объединяющему по смыслу пункту. Несомненно в нашем случае таким пунктом является «Овощи».

Позже при создании пункта меню, который будет вести на одну из категорий, мы поставим родителем «Овощи» или «Фрукты» ( в зависимости от выбранной категории).

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

Уровень доступа — здесь мы определяем кому будут доступны материалы из соответствующего пункта меню.

Public — любому посетителю, что зашел на ваш сайт
Registered — только зарегистрированным пользователям
Special — определенной группе пользователей, к которой по умолчанию относятся менеджеры, администраторы и суперадминистраторы сайта. Чуть позже, в одном из уроков, мы разберемся с пользователями сайта. Узнаем кто это такие и какие их виды встречаются нынче в природе.

Публикация — данный переключатель выполняет очень простую функцию. Он определяет — активен (виден) или нет наш пункт меню на сайте.


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

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

В уже знакомом окне мы на этот раз выбираем пункт «Блог — содержимое категории». И только после этого нажимаем кнопку «Дальше» в правом верхнем углу экрана.

Настройки левой части окна под названием «Добавить Пункт меню :: Блог - материалы категории» будут несколько отличаться от ранее проделанных нами действий при добавлении пункта меню для раздела.

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


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

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

Теперь давайте посмотрим на наш сайт. Что же вышло после всех вышеперечисленных действий? А вышло следующее:

http://www.yachaynik.ru/images/stories/16/9.png

Для увеличения картинки, щелкните мышкой по рисунку

 

 

 

Внимание! Совет!
Одним из самых часто задаваемых вопросов является: как сделать чтобы материалы на главной странице отображались не в две колонки, а в одну. Для этого щелкаем по пункту меню "Главная", смотрим в правую часть экрана (Параметры) и в текстовое поле "Колонки" вводим значение "1". Сохраняем меню. Все готово!

При щелчке либо по надписи «Овощи» или «Фрукты» появится список пунктов, которые привязаны к категориям. А как сделать, чтобы меню было развернутым и все пункты меню были видны изначально?

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

Для этого переходим в главное меню административной панели и выбираем там пункт «Модули сайта» так как показано на рисунке:

Каждому меню, будь то mainmenu или другое соответствует свой модуль. Прежде чем приступать к поиску оного следует знать соответствия названий. То есть какое наименование модуля соответствует определенному меню. Для описанных выше меню соответствия будут следующими:

mainmenu — Главное меню
topmenu - Верхнее меню
usermenu - Меню пользователя
othermenu — Другое меню

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

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

Итак, мы видим, что левая часть модуля поделена на два раздела: «Подробности» и «Параметры». Первый отвечает непосредственно за настройки модуля, а второй раздел посвящен настройкам меню.

Изучим повнимательнее оба раздела.

Раздел «Подробности»

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

Порядок — нередко бывает, что в одной позиции располагается несколько модулей. Логично предположить, что происходит это в определенном порядке. Именно в этом выпадающем списке мы и указываем последовательность вывода модулей на сайте в определенной позиции.
Уровень доступа — мы уже знакомы с этим элементом управления, здесь мы решаем, какой группе пользователей будет доступен наш модуль, в данном случае Главное меню.
Публикация — модуль, как и многие другие элементы нашего сайта, может быть опубликован (виден) на сайте и наоборот. Именно с помощью переключателя «публикация» мы решаем публиковать наше Главное меню или нет.

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

Раздел «Параметры»

Имя меню — этот выпадающий список позволяет нам решить какое из существующих меню будет выводить текущий модуль. Если мы поменяем значение, скажем, на topmenu, то на месте Главного меню появится Верхнее. Поэтому здесь ничего не трогаем.


Стиль меню — как известно, меню может быть вертикальным, то есть располагаться в столбик, горизонтальным (пункты стоят в одну текстовую строчку) . Также наше меню может выглядеть, как список. Параметр «стиль меню» служит для настройки внешнего вида меню и выбрав один из параметров, мы изменим представление Главного меню на сайте.
Развернуть меню — этот элемент управления как раз позволяет нам решить вопрос с дочерними пунктами меню. Будут они видны сразу при посещении сайта, или все таки нужно щелкнуть мышкой по их родителю. Если мы установим переключатель «развернуть меню» в положение «ДА», то на сайте получим следующий результат :

После всех совершенных изменений мы нажимаем кнопку «Сохранить».

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

С уважением, Гоша Компьютерный

{mosloadposition cpanel}

{mosloadposition debug}

 

 

 

 

Комментарии (0)Добавить комментарий

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

busy

Похожие новости:
Новые материалы на эту тему:
Также рекомендуем к прочтению:

Обновлено 16.02.2011 23:57
 
Интересная статья? Поделись ей с другими: