Как в Joomla сделать меню в меню, менюшку из картинок, скрытое меню. Как создать меню в Joomla, вывод модуля меню в нужную позицию шаблона джумлы Расширение меню cо столбиками joomla 3

Quix Pagebuilder Pro - профессиональный и один из лучших конструкторов страниц для Joomla 3. данное расширение позволяет реализовать современные сайты без необходимости правки css кода и кодирования. Вам просто необходим выбрать готовый подходящий макет и начать построение используя интерфейс Drag & Drop. Из функционала можно подчеркнуть полную SEO оптимизацию созданных страниц, удобство для расширения и разработчиков, наличие более 30 элементов для быстрого создания сайтов, поддержка гугл шрифтов, наличие собственного медиаменеджера, большая коллекция фото др. функции.

Offlajn Vertical Menu v3.1.201

Offlajn Vertical Menu v3.1.201 - один из самых функциональных и универсальных модулей Joomla предназначенных для быстрого построения и оформления любых типов вертикального меню. Расширение можно использовать с любыми шаблонами. Можно реализовать аккордеонное меню, всплывающее меню, древовидное меню и DropMenu. Также можно делать боковые панели. Также можно отметить полностью настраиваемую анимацию переходов, создание меню наложения, отображение фильтра пунктов, отображение пользовательских логотипов, вставку более 220 иконок, поддержку других компонентов и многое другое.

Компонент меню swMenuPro 10

swMenuPro v10.7 - новый выпуск одного из самых мощных расширений Joomla предназначенных для создания практически любой структуры и типов меню. С помощью данного компонента можно быстро сделать четыре вида всплывающего или выпадающего меню, три вида меню типа аккардеон (можно делать комбинированное, динамическое или многоуровневое меню). Также можно реализовать многоколоночное или древовидное меню. В новой версии разработчики добавили возможность переноса стилей на другие сайты, подключать к пунктам картинки, редактировать градиенты, фон, тени, углы и шрифты.

JUX Mega Menu for K2 - модуль мега меню K2

JUX Mega Menu for K2 - отзывчивый и мощный модуль мега меню Joomla для популярного конструктора контента K2. Модуль Joomla предназначен для гибкого и простого отображения категорий и подкатегорий компонента в виде пунктов меню. Особенности модуля: полностью отзывчивый, настраивание анимации (эластичность, масштабирование, слайд), удобная настройка стилей (шрифт, цвет, выравнивание, активные элементы), вставка в меню картинок, видео и пользовательских модулей, простая конфигурация, настройка задержки, времени и скорости анимации.

JUX Mega Menu v3.2.9 - модуль мега меню

JUX Mega Menu v3.2.9 - последняя версия самого полного и простого в настройке настраиваемого модуля горизонтального мега меню для Joomla 3.x. расширение может отобразить в пунктах меню материалы, модули, изображения, текст. Особенности меню: отзывчивый дизайн и поддержка разных типов контента, красивое меню с плавными эффектами, управляемая компоновка, 10 настраиваемых 10 эффектов анимации и 6 вариантов цветового оформления, поддержка шрифтов awesome icon и возможность использования в виде вертикального меню.

Обзор модулей меню для CMS Joomla 3.x.

1. Maxi Menu CK

CMS Joomla 2.5/3. x.

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

После установки модуля на экране отображаются ссылки для загрузки документации к нему и платных опций: расширенного пакета графических тем оформления, плагина легкого управления меню, патчей для компонентов «Virtuemart», «Hikashop», «Joomshopping» и K2, а также плагина для корректного отображения созданного меню на мобильных устройствах.

Далее нужно перейти в «Менеджер модулей» и выбрать в нем «Maxi Menu CK». На вкладке «Module» панели управления модулем можно выбрать меню для публикации, ввести уникальный ID модуля, базовый пункт меню и его начальный и конечный уровни, а также можно выключить опцию подуровней.

Кроме того, можно воспользоваться мастером настройки меню:

Удобство использования мастера меню состоит в быстром переключении между типами меню и необходимыми им опциями, но актуально по большей части, лишь в случае установленных дополнительно платных расширений. На вкладке «Привязка к пунктам меню» можно выбрать страницы сайта, на которых будет отображаться модуль; вкладке «Effect Options» позволяет отключить использование эффектов на javascript, выбрать их тип загрузки и произвести настройку визуальных эффектов для пунктов и подпунктов меню. В «Styles Option» можно выбрать тему меню (по умолчанию доступно три), ориентацию меню, отключить адаптивный дизайн меню и выбрать файл CSS шаблона.

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

Работающее на сайте расширение выглядит следующим образом:

Данное меню (после установки платного патча) оптимально использовать в качестве основного меню для интернет-магазина на «Joomshopping», «Virtuemart» или «Hikashop», поскольку оно позволяет автоматически вывести список категорий товаров.

2. ARI Ext Menu

Расширение полностью совместимо с CMS Joomla 1.5-1.7/2.5/3. x.

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

Для установки расширения требуется перейти к «Менеджеру расширений», выбрать посредством диалога загруженный файл модуля и нажать на кнопку «Загрузить и установить». В настройках модуля можно выбрать меню, которое будет отображаться посредством данного модуля, ориентацию меню, начальный и конечный уровень иерархии, а также настроить такие параметры, как показывать только активные подпункты меню, подсвечивать текущий пункт меню. Среди системных настроек доступны опция загрузка библиотеки ExtJS, выбор метода ее загрузки и генерация уникального идентификатора. Также можно настроить параметры стиля пунктов и подпунктов меню: цвет фона, текста, размер шрифта, выравнивание и прочее. Расширенные настройки модуля вполне стандартные и содержат параметры кэширования, срок кэширования, HTML-тег модуля, размер Bootstrap, HTML-тег заголовка и CSS-класс заголовка. После задания модулю позиции и публикации модуля на сайте появляется меню следующего вида:

3. Accordeon Menu CK

Расширение полностью совместимо с CMS Joomla 2.5/3. x.

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

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

Перейдя к панели управления модулем можно выбрать меню для отображения в модуле, базовый пункт меню, начальный и конечный уровни, а также установить суффиксы и тип выравнивания ссылок для изображений. На вкладке «Effects» можно выбрать событие, при котором пункт меню открывается, будет ли показана ссылка при наведении курсора мыши на изображение, тип перехода, необходимость использования эффектов для активного подменю; также можно задать ID пункта меню, активного по умолчанию. На вкладке «Styles» можно выбрать для меню тему оформления, указать папки с изображениями, которые будут отображаться при свернутом и при развернутом меню, а также указать для них позицию выравнивания. Вкладка «Menu styles» содержит множество настроечных параметров внешнего вида меню: полей, заднего плана, закругления углов пунктов меню, теней и границ. На вкладках «First level link styles», «Second level link styles» и «Other level link styles» можно изменить шрифт, цвет текста и фона для ссылок, выводимых в пунктах меню. Вкладка «Third party extensions Options» предназначена для настроек совместимости с компонентами «Hikashop» и «Virtuemart» и требует загрузки и установки соответствующих патчей. Настройка мобильных опций в бесплатной версии расширения также недоступна.

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

4. JB DropDown Menu for Bootstrap

Расширение полностью совместимо с CMS Joomla 2.5/3. x.

Модуль меню, работающий с Twitter"s Bootstrap и JBootstrap, основан на встроенном модуле меню Joomla. Установка модуля стандартна. В настройках модуля требуется лишь выбрать одно из меню системы, начальный и конечный уровень, а также имеется настраиваемая возможность показывать подпункты меню. После того, как Вы назначите данному модулю его позицию и опубликуете его, на сайте появится меню следующего вида:

5. DJ-Menu

Расширение полностью совместимо с CMS Joomla 2.5/3. x.

Меню с выпадающим списком и анимированными эффектами на базе Mootools. Установка модуля производится стандартно. На вкладке «Module» настроек расширения необходимо выбрать меню, которое модуль будет отображать, а также определить последний из его уровней и, если это требуется, включить вывод меню на маленьких экранах и установить его ширину в этом случае. Вкладка «CSS3 Animations and script features» позволяет настроить эффекты анимации при входе и выходе из меню, а также скорость анимации, установить время задержки при закрытии подменю, CSS-класс заголовка, его HTML-тег и размер Bootstrap.

Ниже приведен пример созданного с помощью данного модуля меню.

Все рассмотренные в обзоре модули для создания на сайте под управлением CMS Joomla 3.x меню позволяют создать меню с подуровнями. Рассмотренные модули по большей части отличаются наличием тех или иных эффектов анимации и возможностью отображения на мобильных устройствах. Поэтому для сайтов, ориентированных на мобильных пользователей (а таких становится всё больше), стоит отдать предпочтение модулю «DJ-Menu». Модуль «Accordeon Menu CK» хорош тем, что позволяет вставить в себя содержимое другого модуля; модуль «JB DropDown Menu for Bootstrap» - самый простой и «легкий» из рассмотренных расширений и будет неплохо выглядеть в паре, например, с модулем меню Joomla по умолчанию. Функциональность модуля «Maxi Menu CK» впечатляет, но, поскольку в бесплатной версии она существенно ограничена, для того, чтобы воспользоваться ей, требуются финансовые вложения.

Меню — это важный модуль сайта 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

Здравствуйте, уважаемые читатели блога сайт. В предыдущих статьях я уже . А в них обязательно будут предусмотрены специальные места (позиции), предназначенные для вывода различных модулей с меню (ну, или другим содержимым).

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

Возможности и назначение меню в Joomla

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

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

Фактически меню – это модуль, который нужно будет еще опубликовать, при этом выбрав место в шаблоне, где он будет. О том, что такое модуль и читайте.

Получается, что это даже нечто большее, чем просто навигация по вашему проекту. В статичном сайте, построенном на одних HTML файлах, можно просто ссылаться на страницы с других, при этом не добавляя их все в элементы навигации по вебсайту (они существует в любой момент времени и имеют свой адрес).

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

Хитрая система, которую не сразу получается до конца осознать. Более подробно об этом можете почитать . Иногда специально создают фиктивные менюшки , которые не отображаются (не публикуются), но которые позволяют получить живые Урлы для нужных вам страниц.

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

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

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

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

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

А можно сделать так, чтобы он было доступно (видно) только, например, зарегистрированным пользователям или же вообще только администраторам проекта (). Очень удобно и функционально получиться может.

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

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

Создание нового меню в админке Джумлы

Для начала вам нужно зайти в админку и выбрать сверху «Все» -«Меню» (в другом переводе этот пункт называется более правильно — Менеджер менюшек).

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

Для создания нового нужно будет нажать на кнопку «Создать», расположенную в верхней правой части страницы менеджера:

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

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

Следующие два поля не обязательны для заполнения, но вы, тем не менее, можете их использовать. В графе «Описание» можете ввести любую информацию для того, чтобы вам самим было потом понятно, что оно содержит или же где оно выводится.

В графе «Заголовок модуля» можете дать название для модуля с новым меню, который еще не существует, но будет автоматически создан сразу после того, как вы нажмете кнопку «Сохранить». Но если вы не заполните этот пункт, то, как это ни печально, модуль создан не будет. Хотя в этом нет ничего страшного, ведь вы всегда можете создать его вручную. Как это сделать? Довольно просто.

Вам нужно будет после того, как создали новую менюшку (возможно вы так же создадите в нем и нужное вам количество пунктов), перейти в «Расширения» — «Менеджер модулей». Там увидите все элементы этого типа, которые были созданы до этого. Если бы вы заполнили поле «Заголовок модуля», то в этом списке присутствовал бы и тот, который создается автоматически.

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

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

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

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

Вы увидите список типов модулей, которые сможете создать (после установки новых расширений этот список будет расширяться).

Вам нужно найти среди всего этого многообразия пункт «Меню», расположенный в правой колонке. Щелкните по нему и попадете на страницу настройки.

Вообще-то, левая колонка окна настройки одинакова для всех типов модулей в Joomla:

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

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

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

Включить сможете его потом прямо из менеджера, щелкнув по красному кресту в колонке «Включен» напротив его названия (см. предпоследний рисунок).

В поле «Позиция» сможете выбрать из выпадающего списка нужную вам. . Если в той позиции, которую вы выбрали, вставлены еще какие-либо модули, то новый можно будет позиционировать относительно других. Другими словами, мы можем определить порядок их следования в данной позиции шаблона (поле «Сортировка»).

Как произвести сортировку модулей, расположенных в одной позиции шаблона

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

Они расположены справа, сразу над таблицей со списком модулей. Нас интересует второй фильтр слева, позволяющий выбрать только те модули, которые расположены в определенной позиции.

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

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

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

Можно выбрать вариант «Всем», либо вариант «Registered», означающий, что он будет не виден не зарегистрированным пользователям, либо вариант «Специальный» — его смогут увидеть только администраторы проекта (удобно в такой засовывать ссылки на доступ в админку Джумлы или, например, админку VirtueMart ().

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

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

Как я уже говорил выше, в Joomla страницы существуют, только если на них есть ссылка из какого-либо меню (пусть даже и фиктивного). Так вот, в списке «Выбор» вы выбираете именно пункты менюшек, а не реальные вебстраницы вашего сайта.

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

Страница настроек модуля с меню в Joomla — правая колонка

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

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

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

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

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

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

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

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

Вам так же могут понадобиться настройки, находящиеся во второй вкладке, которая называется «Расширенные параметры»:

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

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

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

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

Именно на вкладке «Расширенные параметры» в поля «Суффикс класса» можно добавить нужные, которые позволят реализовать, например, выпадающее меню (Суффикс класса менюшки) или же придать модулю нужный вам внешний вид (Суффикс класса модуля). Какие именно суффиксы вставлять в эти поля, нужно выяснять на домашней страничке разработчика, используемого ваши шаблона.

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

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

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Создание карты для сайта на Joomla с помощью компонента Xmap
Как создать в Joomla блог на основе категории или раздела с помощью пункта меню, а так же другие варианты вывода контента
Создание и вывод статей (контента) в Джумле с помощью разделов и категорий, блог на Joomla и кнопка Подробнее
Контакты для сайта и форма обратной связи с помощью встроенного компонента Joomla
Админка Joomla - полный мануал по всем настройкам административной панели Джумлы в деталях и картинках
Модули в Joomla - просмотр позиции, настройка и вывод, а так же назначение суффиксов класса
Встроенные в Joomla модули для работы с RSS лентами, для создания хлебных крошек, для входа и поиска по сайту
Обновление Joomla до последней версии
Группы пользователей в Joomla, настройка кэширования и проблема отправки почты с сайта
Визуальный редактор Jce, оптимальный Title, активация ЧПУ (SEF) и другие настройки Joomla, которые делаются после ее установки

Сегодня поговорим о том, как работать с меню в 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