От автора: приветствую Вас уважаемые читатели. Меню неотъемлемый элемент любого хорошего сайта, так как отображает доступные страницы и упрощает навигацию. Поэтому в данном уроке мы поговорим о том, что такое модуль меню для joomla 3 и как его создать.
Для тех, кто не знает меню – это отдельный элемент (блок), в котором отображаются ссылки на действующие страницы сайта. Для работы с меню в CMS Joomla предусмотрен специальный менеджер – “Менеджер меню”, который предназначен для создания и редактирования меню и их пунктов.
Таким образом, используя данный менеджер Вы можете создать необходимые меню для Вашего сайта, а так же привязать к каждому из них отдельные пункты – ссылки на страницы. Для создания нового меню, необходимо кликнуть по кнопке “Создать”.
В открывшейся странице, необходимо заполнить три поля формы и кликнуть по кнопке “Сохранить”. Краткое описание полей:
Заголовок – название создаваемого меню, которое будет отображаться в менеджере меню.
Тип меню – системное имя, его уникальный идентификатор, который необходимо указывать с использованием букв латинского алфавита. Хотя если Вы добавите сроку кириллицей, CMS Joomla, при помощи транслитерации, заменит каждый добавленный символ кириллицы на соответствующий символ английского алфавита.
Описание – краткое описание меню.
После создания нового меню, необходимо добавить пункты. Для этого в “Менеджере меню”, кликаете по его заголовку, который отображается в виде ссылки и на следующей странице, нажимаете по кнопке “Создать”.
Как Вы видите, Вас перенаправляют на страницу создания отдельного пункта меню.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Для создания пункта меню, необходимо добавить его заголовок в поле “Заголовок меню” и обязательно выбрать страницу на которую он будет ссылаться, или если сказать иначе, выбрать тип меню, в параметре “Тип пункта меню”. После нажатия по кнопке “Выбрать”, будет отображен всплывающий блок, в котором Вы сможете выбрать интересующий “Вид” одного из компонентов Joomla. При этом каждый “Вид”, отвечает за отображение отдельной страницы сайта.
Так же на странице добавления нового пункта, доступны различные настройки, которые приведены в отдельных вкладках. Для каждого типа меню характерны определенные дополнительные настройки, которые будут отображаться после выбора типа, то есть когда страница будет обновлена. После определения настроек и добавления необходимых данных, кликаете по кнопке “Сохранить”, для создания нового пункта.
Но, обратите внимание, создав новое меню и привязав к нему отдельные пункты – изменений в работе сайта Вы не увидите, то есть в пользовательской части новое меню, отображаться не будет, до тех пор, пока вы не создадите специальный модуль. В CMS Joomla модуль меню необходим для отображения конкретного меню на страницах Вашего сайта, в определенной позиции активного шаблона.
Поэтому, переходим в “Менеджер модулей” и кликаем по кнопке “Создать”.
При этом Вас перенаправят на промежуточную страницу выбора создаваемого модуля. То есть перед его созданием, Вы должны выбрать, какой модуль из установленных в систему, Вы желаете создать.
Так как в данной статье мы говорим о меню, значит нас интересует модуль Меню джумла 3, поэтому кликаем по его заголовку.
На странице создания модуля, указываем его заголовок, в одноименном поле и на вкладке “Модуль”, выбираем какое меню будет отображаться в качестве его контента. Далее, выбираем позицию отображения модуля в шаблоне и на вкладке “Привязка к пунктам меню”, указываем на каких страницах будет доступен данный модуль. На этом, по сути, создание нового модуля меню завершено, но обратите внимание, что вкладка, “Дополнительные параметры”, содержит настройки внешнего вида будущего модуля, такие как: суффикс класса меню, альтернативный макет, HTML-тег модуля, HTML-тег заголовка, стиль модуля и т.д. Соответственно, возможно они Вам понадобятся для стилизации внешнего вида будущего модуля. Закончив все необходимые правки, кликаете по кнопке “Сохранить” и тем самым Вы добавляете модуль в базу данных, а значит, создаете новое меню на сайте, которое теперь будет отображаться в его пользовательской части.
Меню — это важный модуль сайта Joomla, без которого сайт нельзя считать полноценным. Без меню пользователи не смогли бы сориентироваться на ресурсе, и не знали бы как перейти в другой раздел. Навигационное меню — это подобие карты сайта, которая аккуратно выложена на странице. Бывает различное меню: горизонтальное, вертикальное, всплывающее и т. д.
В данной статье мы разберем как создать тот или иной тип навигации и добавить его к себе на сайт Джумла.
Как добавить новый пункт меню
Начинать освоение настроек движка Джумла следует с самых азов. Создать новый пункт навигационного меню — это как раз одна из самых простых задач, которую очень легко осуществить. Чтобы изменить меню и любой другой модуль (скрыть, активировать или удалить его), вам необходимо зайти в админку движка. Для этого введите доменное имя вашего сайта, а в конце допишите /administrator. Потом введите данные для входа, которые вы указывали при установке Joomla.
После входа вы увидите, что в административной панели есть свое собственное меню. И в нем есть раздел под названием «Меню». Перейдите в него. Перед вами выпадет всплывающее окно после наведения на «Менеджер меню». Нажмите «Создать меню». Этот пункт и нужен, чтобы добавить новый раздел навигации. Вам необходимо указать, как будет называться новый пункт меню, а также его тип. Учтите, что тип — это произвольное название, которое нужно скорее для вас, чем для самого движка. После указания данных, сохраните настройки.
Только что созданное меню Joomla пока что будет пустым. Вам нужно добавить хоть один пункт, чтобы наполнить модуль содержимым. Для этого пройдите в созданное вами меню и нажмите «Создать», чтобы сгененировать новый пункт. Точно так же, как и при создании самого меню, вам необходимо прописать название и тип пункта. Не забудьте выбрать тип материала. Далее сохраняете внесенные изменения и пункт закрепляется за выбранным меню для Joomla. Теперь при наведение на раздел «Меню» во всплывающем окне появится еще одно наименование — это созданная вами только что навигация.
https://www.youtube.com/watch?v=mL7apoU_rgY
Как создать вертикальное или горизонтальное меню
Дело в том, что горизонтальное и вертикальное меню для Joomla уже предустановлены в настройках. Просто эти элементы называются по-другому. Горизонтальное именуется, как главное, а вертикальное, как верхнее меню. Так что, чтобы добавить то же горизонтальное меню, необходимо просто наполнить этот модуль материалами и опубликовать на сайте. Учтите, что в некоторых версиях названия меню могут отличаться. Обычно, горизонтальное всегда указывается, как main menu, а вот вертикальное может именоваться, как меню пользователя.
https://www.youtube.com/watch?v=Dm8_V_GCOfw&spfreload=10
Как сделать выпадающее меню
Чтобы у вас на сайте активировалось выпадающее меню, нужно лишь изменить настройки в админке. Для этого перейдите в модуль менюшки, у которой есть подпункты. Обычно выпадающие пункты активируют с горизонтальным главным меню. Итак, убедитесь, что у выбранной менюшки есть свои подпункты. Теперь перейдите в настройки и нажмите «Да» возле пункта «Показывать подпункты меню». Этого действия вполне достаточно, чтобы модуль начал отображать выпадающее содержимое в виде кликабельных подпунктов. Выпадающее меню можно изменить, если вы скачаете другой модуль, либо попробуйте сделать это самостоятельно при помощи редактуры CSS.
https://www.youtube.com/watch?v=_Aye2xPDKvg&spfreload=10
Как скрыть меню
Иногда меню для Joomla необходимо сделать скрытым. Надобность скрыть какой-либо пункт или всю категорию возникает тогда, когда вы еще не закончили работу над разделом. Некоторые используют возможность скрыть меню для предоставления платного доступа только для посвященных. В общем, цели могут быть у всех разные, но способ реализации этой задачи один и тот же.
Чтобы скрыть всю менюшку или отдельные подпукнты, необходимо для начала их создать. Сделать это можно через упомянутый раздел «Меню» в админке. Все, что вам нужно сделать, чтобы скрыть содержимое меню — это активировать его, но не публиковать. То есть виртуально созданные категории и пункты уже заработают, но поскольку модуль вы не разместили на сайте, он отображаться не будет. Вот такой вот простой способ, как скрыть менюшку!
Как изменить шрифт менюшки
Шрифт во многом определяет оформление всего сайта. Если в менюшке будет некачественный, неразборчивый или неказистый шрифт, пользователи этого явно не оценят. Многие задаются вопросом, как изменить шрифт в Joomla, но не многие находят решение. А все потому, что в админке вы такой функции не найдете. Вам придется копаться в самом шаблоне.
Тема оформления сайта имеет определенный внешний вид, потому что так прописано в коде составляющих файлов. Стиль определяет файл формата CSS. Именно в нем прописан шрифт, и именно при помощи него вы сможете его отредактировать. Для начала вы должны добраться в коде до необходимого элемента. Рекомендуется установить в браузер расширение, которое позволит вам просматривать код страницы. В Гугл Хроме эта функция установлена по умолчанию.
https://www.youtube.com/watch?v=1eN2KKjwZ2A&spfreload=10
Итак, находите код элемента меню сначала при помощи браузера. Далее переходите в админку Джумла в раздел «Расширения» и «Менеджер шаблонов». Через эту вкладку вы сможете изменить CSS установленной темы оформления. Находите участок, ответственный за шрифт и прописываете свои значения возле параметров размера, типа, прозрачности, цвета и т. д. Только так вы сможете поменять шрифт в Джумла для отдельных элементов. Со временем научитесь, и это не будет казаться вам какой-нибудь сложностью.
Как сделать менюшку с картинками
Необычное меню всегда притягивает внимание пользователей, так как они уже устали от распространенных стереотипных менюшек. Хороший способ выделиться на фоне других — это сделать меню с категориями в виде изображений. Звучит здорово, но с этим вам еще предстоит помучиться.
Во-первых, вам необходимо будет хорошо поработать с создание картинок для менюшки. Нельзя брать случайные изображения из поисковиков. Навигация должна выглядеть цельно и иметь один стиль, иначе дизайнеры при входе на ваш сайт начнуть «фукать» и брезговать. Придумайте общее оформление и задайте пунктам определенный размер.
Чтобы добавить картинки к пунктам меню, вам необходимо перейти в настройки навигации в админке. Найдите там пункт «Параметры отображения ссылки» для каждого пункта. И вместо того, чтобы придумывать заголовки, возле формы «Изображение ссылки» нажмите «Выбрать» и загрузите предварительно добавленную в медиа-менеджер картинку. И обязательно поставьте «Нет» возле пункта «Создать заголовок». Сделайте аналогично для каждой категории. Все, теперь у вас есть полноценное меню из картинок!
https://www.youtube.com/watch?v=a0IAS3H9wyE
Для этой CMS доступно большое количество бесплатных расширений. Сегодня я подготовил для вас лучшие расширения меню Joomla .
Некоторые расширения могут не поддерживаться определенными версиями платформы. Поэтому прежде чем устанавливать расширение, нужно определить какую версию Joomla вы используете.
Maxi Menu CK
Это выпадающее адаптивное мега-меню с несколькими столбцами. Также можно загружать внутрь него модули. iPhone , iPad , Android-совместимое . AdsManager , совместимый с Joomshopping , Virtuemart , Hikashop :
SJ Flat Menu
Это простой, но мощный модуль для улучшения юзабилити и навигации сайта! Он позволяет отображать многоуровневые меню. С его помощью можно вывести выпадающее, аккордеон-меню, горизонтальное или вертикальное меню с элементами, раскрывающимися в правую или левую сторону. Меню, созданное с помощью данного модуля меню для Joomla 3 , поможет посетителям сайта находить нужный контент, не тратя на это много времени:
Скачать / Дополнительная информация
JF Mobile Menu Module
Демо-версия Скачать / Дополнительная информацияResponsive Menu Module for Joomla
Позволяет создавать потрясающие красочные адаптивные меню. Этот модуль был протестирован во всех основных браузерах и мобильных устройствах. Поэтому ваш сайт будет выглядеть профессионально для всех, кто его посещает.
Данный модуль включает в себя множество функций, таких как выбор пользовательских цветов для фона меню и ссылок, 20 различных стилей шрифтов на выбор, закругленные или прямые углы и т.д. Хотите создать уникальное стилизованное меню с экстремальными цветовыми сочетаниями? Модуль Grue — это то, что вы ищете:
Демо-версия Скачать / Дополнительная информация
FREE Accordion Menu Joomla
Анимация в модуле меню для Joomla 3 создается с помощью библиотеки jQuery . В модуль включены готовые скины, и я решил сделать их на 100% настраиваемыми. Теперь пользователи могут редактировать цвета меню и изменять стиль шрифта:
Демо-версия Скачать / Дополнительная информация
Sticky Horizontal Bar Module Joomla
Демо-версия Скачать / Дополнительная информацияDJ-Menu
Это меню с анимированными эффектами mootools для Joomla 2.5 и 3.0 . Теперь можно легко управлять меню независимо от того, является ли оно анимированным или для него просто заданы стили CSS , без скриптов. DJ-Menu также является адаптивным. Модуль позволяет использовать в адаптивных шаблонах выпадающие меню и на небольших экранах:
Демо-версия Скачать / Дополнительная информация
jQuery Slide-Down-Box Menu for Joomla 2.5 & 3.x
Демо-версия Скачать / Дополнительная информацияRokNavMenu
Предоставляет возможность настройки элементов выпадающего меню Joomla 3 с помощью различных параметров. От иконок до отображения пользовательских модулей — пользователи получают больше контроля над меню:
Скачать / Дополнительная информация
jQuery Fly-Out Menu for Joomla 2.5
Простой в использовании модуль для создания меню, который поставляется с семью разными стилями цвета. Он использует библиотеку jQuery для эффекта плавного раскрытия меню. Легко настраивается и поддерживает многоуровневые меню (до 5 уровней ):
Демо-версия Скачать / Дополнительная информация
Меню ARI Ext
Модуль поддерживает вертикальное и горизонтальное меню Joomla 3 , два эффекта переходов. Он распространяется бесплатно по лицензии GPL .
Здравствуйте друзья! На связи Заур Магомедов. В данной заметке хочу представить вам симпатичное вертикальное аккордеон меню для сайта на Joomla 2.5 — 3.0 . Данное меню очень простое и не требует внедрения большого кода, на что я очень часто обращаю внимание. Как говорится — «Лучше меньше, да лучше».
Мы уже рассматривали в предыдущих постах создание горизонтального меню и создание горизонтального многоуровневого меню для joomla 2.5. Вот теперь добрались и до вертикального.
Для начала посмотрите демо, как это все выглядит, если нравится, то качаем пакет с исходными файлами.
Я нашел данное меню в интернете и решил адаптировать его для сайта на cms Joomla, т.к. мне самому данное меню очень понравилось, как по внешнему виду, так и по легкости подключения. Слегка подправив скрипт самого меню и стили css, получил такой вот результат как на .
Подключение меню в joomla 3.x.x
Первым делом распаковываем архив в определенную папку на вашем компьютере. Следующее, что мы сделаем это скопируем картинки из папки images в папку картинок вашего шаблона. Обычно во многих шаблонах это папка images, если она у вас называется иначе, например, img, то вы должны изменить пути до картинок в файле стилей — vmenu.css. Также нам необходимо подключить один из скриптов меню. Я предлагаю создать в корне вашего шаблона папку «js» и положить в нее файлы скриптов — menu.js или menu-collapsed.js. Почему два файла? Дело в том, что, если вы заметили, на демо-сайте есть два варианта отображения данного меню. Можете внимательно посмотреть чем они отличаются друг от друга. Подключаем понравившийся вариант скрипта menu.js или menu-collapsed.js. Вариант 1 — это скрипт menu-collapsed.js, а вариант 2 — это menu.js. Для этого в самом начале файла index.php шаблона вставим следующие строки:
addStyleSheet(JUri::base()."/templates/".$this->template."/css/vmenu.css"); // подключаем файл стилей $doc->addScript(JUri::base()."/templates/".$this->template."/js/menu-collapsed.js"); // подключаем скрипт меню, в данном случае это вариант 1 ?>
Нам также необходима библиотека jQuery, но в joomla3 она подключена уже по умолчанию, т.к. используется фреймворк .
Итак, файл css содержит в себе следующий код:
/******************************** Вертикально-выпадающее меню аккордеон ************************************************************/ ul.vmenu { font: bold 12px Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; padding: 0; list-style:none; } ul.vmenu li { margin: 0 0 2px; } ul.vmenu li a { background: url("../images/vmenu-li-bg.jpg") left bottom repeat-x; border: 1px solid #D5D5D5; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #515151; display: block; padding: 5px 8px; text-decoration: none; } ul.vmenu li > a:hover, ul.vmenu li.active > a, ul.vmenu li > a:focus {background-color:transparent; color:#0088CC} ul.vmenu li.parent > a:after { background:url("../images/arrow-dropdown.png") no-repeat; display:block; content:""; float:right; margin:8px 5px 0 0; height:3px; width:6px; } /* Выпадающие пункты */ ul.vmenu li ul { font-weight: normal; margin: 10px 0 10px 15px; list-style:none; } ul.vmenu li ul li { background:none; margin:0 0 5px } ul.vmenu li ul li a { background: url("../images/vmenu-arrow.png") no-repeat scroll 5px center transparent !important; border: medium none; padding: 0 0 0 15px; } ul.vmenu li ul li a:hover {color:#29719E;text-decoration:underline} ul.vmenu li ul li.active a {color:#29719E;font-weight:bold} /********************* Вертикально-выпадающее меню аккордеон - вариант 2 ************************************************************************/ ul.vmenu2 { font: bold 12px Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; padding: 0; list-style:none; } ul.vmenu2 li { margin: 0 0 2px; } ul.vmenu2 li a { background: url("../images/vmenu-li-bg.jpg") left bottom repeat-x; border: 1px solid #D5D5D5; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #515151; display: block; padding: 5px 8px; text-decoration: none; } ul.vmenu2 li > a:hover, ul.vmenu2 li.active > a, ul.vmenu2 li > a:focus {background-color:transparent; color:#0088CC} ul.vmenu2 li.parent > a:after { background:url("../images/arrow-dropdown.png") no-repeat; display:block; content:""; float:right; margin:8px 5px 0 0; height:3px; width:6px; } /* Выпадающие пункты */ ul.vmenu2 li ul { font-weight: normal; margin: 10px 0 10px 15px; list-style:none; } ul.vmenu2 li ul li { background:none; margin:0 0 5px } ul.vmenu2 li ul li a { background: url("../images/vmenu-arrow.png") no-repeat scroll 5px center transparent !important; border: medium none; padding: 0 0 0 15px; } ul.vmenu2 li ul li a:hover {color:#29719E;text-decoration:underline} ul.vmenu2 li ul li.active a {color:#29719E;font-weight:bold}В данном файле содержатся стили обоих вариантов и вы можете удалить стили ненужного вам варианта меню.
Еще раз напомню! На демо-сайте два варианта меню и наверняка вы выберите один из них. В таком случае нет необходимости подключать оба файла скрипта, достаточно только одного.
- Файл menu-collapsed.js. — это у нас вариант 1 — Меню аккордеон — вариант 1
- Файл menu.js — это у нас вариант 2 — Меню аккордеон — вариант 2
- Суффикс класса меню (через пробел) для варианта 1 — vmenu
- Суффикс класса меню (через пробел) для варианта 2 — vmenu2
Исходя из этого, подключаете нужный вам файл. Также в файле css можно удалить стили для ненужного нам варианта, чтобы не грузить лишний раз лишние килобайты.
Подключение меню в joomla 2.5.x
Подключение меню в joomla 2.5 ничем не отличается от подключения в joomla 3, за исключением того, что нам необходимо подключить еще дополнительно библиотеку jQuery. Для этого в вышеприведенный код добавляете следующую строчку:
addScript("http://code.jquery.com/jquery-latest.min.js"); //подключаем последнюю версию библиотеки jQuery ?>
У нас получится примерно следующее:
addScript("http://code.jquery.com/jquery-latest.min.js"); //подключаем последнюю версию библиотеки jQuery $doc->addScript(JUri::base()."/templates/".$this->template."/js/menu-collapsed.js"); //подключаем скрипт меню, в данном случае это вариант 1 ?>
И еще кое что. В joomla 2.5 нет тип пункта меню Системные ссылки -> Заголовок, там есть только тип текстовый разделитель — Разделитель, но такой тип пункта нам не подойдет, т.к. заголовок пункта меню не будет обрамлен ссылкой. В данном случае вам необходимо выбрать тип «Внешний URl» и в качестве урл вставить заглушку — #. Все остальное тоже самое.
Вот и все, что хотел сказать. Если что то не получается (возможно и я где то ошибся в тексте), то задаем вопросы в комментариях. Всем пока, до встречи в следующих постах!
Сегодня поговорим о том, как работать с меню в joomla 1.7-2.5. А именно о том как вывести модуль меню в позицию шаблона joomla, как назначить пункту меню текстовый материал или нужную страницу одного из компонентов joomla. Попутно рассмотри вопрос о том, как определить какие позиции существуют в вашем шаблоне joomla и в каком конкретно месте шаблона они раположены. Тем кто работает с joomla 1.5 статья будет так же полезна, поскольку в новых ветках джумлы админка отличается от своего младшего собрата, джумла 1.5.
До этого мы рассмотрели на локальный хостинг, разобрали , как сделать .
После того как вы как правило на сайт выводят различные модули в том числе и меню, рассмотрим это по подробнее. Заходим в админку joomla (_http://ваш_сайт/administrator ). В главном меню выбираем меню->менеджер меню->создать меню
В открывшемся окне указываем Тип меню (системное имя меню, только латинские символы) joomla, заголовок меню (отображается в панели управления), Описание меню joomla (необязательно). Жмем кнопку "сохранить". Заголовок меню и Тип меню, могут быть любыми, но лучше задавать название подходящее по смыслу. Я в примере указал "Меню слева, leftmenu", поскольку собираюсь выводить меню в левом сайдбаре шаблона joomla (в примере использую стандартный шаблон joomla Beez_20).
Меню joomla создано, осталось добавить в него пару тройку пунктов и вывести в нужную позицию вашего шаблона.
Добавляем пункты меню в joomla
Давайте создадим пункт для только что созданого меню (меню слева), пункт меню будет иметь тип "материал", т.е. по этому пункту меню будет выводиться материал joomla.
Чтобы создать пункт меню, нужно выбрать "меню->Название меню->Создать пункт меню ".
В открывшемся окне нужно:
- выбрать "тип пункта меню"
- указать "Заголовок пункта меню".
Из необязательных для заполнения полей:
- Алиас - в джумле 1.7-2.5 может создаваться автоматически, в joomla 1.5 для этого использовался сторонний плагин. Если нужно указываем алиас, если ненужно, то он будет создан автоматически путем транслитерации заголовка пункта меню. Алиас пункта меню используется в составе ЧПУ (человеко-понятное урлы) адреса. Напимер, если у вас пункт меню называется "news" и в джумла включен SEF и используются суффиксы в адресе, то при выборе этого пункта меню откроется страница с адресом _http://ваш_сайт/news.html
- Примечание - можно ввести любой текст. Этот текст нужен для подсказки, чтобы незабыть зачем создавали пункт меню).
- Ссылка - заполнется автоматически при выборе типа меню (например для типа меню "материалы" может быть такой index.php?option=com_content&view=article&id=1 ). Если тип меню внешняя ссылка, тогда в этом поле нужно указать внешнюю ссылку.
- Состояние - имеет 3 состояния: Опубликовано, Не опубликовано, В корзине. Если создаете пункт меню то оставте как есть ("Опубликовано").
- Доступ - имеет 3 состояния: Для всех, Для администрации, для зарегистрированных. Оставте для всех если хотите чтоб все могли видеть этот пункт меню.
- Меню - указываем меню для которого создаем пункт, по умолчанию выбрано меню для которого создается данный пункт.
- Родительский элемент - Можно указать родительский пункт меню елси нужно создать вложенный пункт.
- Порядок - можно указать за каким пунктом меню будет следовать создаваемый пункт. Порядок следования лучше настраивать в менеджере меню (меню -> название меню).
- Целевое окно - как открывать ссылку - в новом окне (отдельная страницы, всплывающее окно) или в текущем.
- Главная страница - выберите эту опцию если нужно привязать данный пункт меню к главной странице, т.е. по умолчанию на главной странице будет отображаться содержимое привязанное к данному пункту меню joomla.
- Язык - оставте так как есть ("Все").
- Стиль шаблона - Можно выбрать какой шаблон будет использован в качестве оформления страницы вызываемой по данному пункту.
По щелчку по кнопке выбрать появляется всплывающее окно. Раз уж мы собрались создавать пункт меню ссылающийся на статью joomla, то выбирите из графы "Материалы" элемент "материал"
откроется предыдущее окно в котором будет заполнено поле "Ссылка" и справа появиться поле в котором можно выбрать материал. Выбираем нужный материал (он должен быть предварительно создан).
После того как меню создано и заполнено нужным колличеством пунктов его можно выводить в шаблон joomla при помощи стандартного модуля, но перед этим нужно определиться сколько и какие позиции есть в вашем шаблоне.
Определяем позиции доступные в вашем шаблоне и их расположение
Модули в джумла выводятся в так называемые позиции в шаблоне. Если открыть файл index.php (шаблоны в joomla находятся в папке: templates , в корне вашего сайта) почти из любого шаблона, то можно обнаружить в нем строки следующего содержания countModules("position-12")): ?>Как не трудно догадаться, "position-12" - это имя позиции в шаблоне joomla.
Примечание : одной из отличий joomla 1.6 и старше от версии 1.5 это имена позиций. В joomla 1.5 позиции именовались: user1, user2,...,left, right, banners, top... В новых версиях по умолчанию определены позиции: position-1, position-2,..., что, на мой взгляд не удобно, хотя не принципиально. Впрочем вы можете поменять имена позиции вручную на более привычные вам, изменить их количество, все это делается путем редактирования файла "templateDetails.xml" из вашего шаблона joomla.
Что касается кода выводящего модули в позицию шаблона. В первой строке в условном операторе проверяется есть ли хоть один модуль в данной позиции, если есть, то следующей строкой выводим все модули в указанное место шаблона, в порядке который определен в менеджере модулей доступном в админке.
Чтобы проверить какие позиции доступны в вашем шаблоне joomla нужно обратиться по адресу _http://ваш_сайт/?tp=1 . В результате в браузере будет показана страница вашего сайта на joomla, в которой все имеющиеся позиции будут отмечены контуром и подписаны надписью, которая соответствует названию позиции.
По умолчанию в joomla 1.6-2.5 откючена возможность демонстрировать какие позиции доступны в шаблоне (tp=1 не дает результата). Это не плохое нововведение, поскольку не всегда нужно чтобы посторонние знали что у вас сайт на joomla или знали какие то ньюансы о вашем сайте. Поэтому на стадии разработки сайта эта возможность включается через админку joomla, а когда не нужно можно отключить показ позиций доступных в шаблоне.
Чтобы включить возможность отображать позиции доступные в вашем шаблоне joomla, нужно сделать следующее: обратиться к пункту меню "Расширения->Менеджер шаблонов "
на вкладке "шаблоны" перевести переключатель "просмотр позиций модулей" в положение "включено".
Теперь можно путем добавки в конец адреса сайта (?tp=1 ) увидеть какие позиции существуют в шаблоне и в каком месте они выводятся.
Выводим модуль меню joomla в нужную позицию шаблона
Для того, чтобы созданное вами меню распологалось на страницах вашего сайта его туда нужно вывести при помощи модуля (mod_menu). Заходим в менеджер модулей (Расширения-> менеджер модулей).
В открывшемся окне жмем кнопку "Создать".
Во всплывающем окне выбираем тип модуля - "Меню".
Далее указываем: Заголовок модуля (я выбал название такое же как у самого меню), Показывать заголовок - обычно отключают, Жмем по кнопке выбор позиции и из всплывающего окна выбираем нужную позицию (я выбрал position-7, т.к. эта позиция находится в левом сайдбаре моего шаблона), Состояние - оставляем опубликовано.
В группе настроек, расположенных немного ниже можно указать привязку модуля к пунктам различных меню, которые есть на сайте. Можно сделать чтобы на главной выводился некий модуль, а на других страницах его не будет или например, на странице с новостями вывести модуль, который показывает краткие новости.
Качественный видеокурс по созданию сайтов на joomla
Ну и на последок. для лучшего усвоения материала предлогаю посмотреть видео на тему создания меню в joomla 1.5