Как создать меню в Joomla, вывод модуля меню в нужную позицию шаблона джумлы. Как в Joomla сделать меню в меню, менюшку из картинок, скрытое меню Боковое меню 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 и возможность использования в виде вертикального меню.

От автора: приветствую Вас уважаемые читатели. Меню неотъемлемый элемент любого хорошего сайта, так как отображает доступные страницы и упрощает навигацию. Поэтому в данном уроке мы поговорим о том, что такое модуль меню для joomla 3 и как его создать.

Для тех, кто не знает меню – это отдельный элемент (блок), в котором отображаются ссылки на действующие страницы сайта. Для работы с меню в CMS Joomla предусмотрен специальный менеджер – “Менеджер меню”, который предназначен для создания и редактирования меню и их пунктов.

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

В открывшейся странице, необходимо заполнить три поля формы и кликнуть по кнопке “Сохранить”. Краткое описание полей:

Заголовок – название создаваемого меню, которое будет отображаться в менеджере меню.

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

Описание – краткое описание меню.

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

Как Вы видите, Вас перенаправляют на страницу создания отдельного пункта меню.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

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

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

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

Поэтому, переходим в “Менеджер модулей” и кликаем по кнопке “Создать”.

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

Так как в данной статье мы говорим о меню, значит нас интересует модуль Меню джумла 3, поэтому кликаем по его заголовку.

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

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

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

Возможности и назначение меню в 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: создание, настройка и добавление на страницы сайта.

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

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

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

Сразу после установки Joomla уже имеется одно меню — Главное. Если заглянуть в него, то можно увидеть даже одноименный пункт — «Главная».

Зачем для нас уже подготовили все это? Вот тут то мы и подошли к основополагающему правилу в работе Joomla: страница начинает существовать только после создания пункта меню (ПМ), связанного с ней (на нее ссылающегося). И не важно, выводится меню на сайт или нет, главное, чтобы оно было и был пункт на соответствующую страницу. Даже главная страница создана по такому принципу. Если пойти дальше в своих рассуждениях, то можно сказать, что в Joomla нет страниц как таковых, есть пункты меню, которые выполняют эту роль . Тип же пункта отвечает за то, какая информация будет выводиться в области контента новой страницы.

Что в итоге. Нужна новая страница? Создаем меню, создаем в нем пункт с нужным типом и получаем новую страницу. Контент страницы будет зависит от выбранного типа и настроек ПМ. Это нужно понять и запомнить!

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

Все что требуется, это ввести:

Заголовок — будет отображаться в панели управления, в списке доступных меню;
Тип — системное имя латинскими буквами;
Описание — заполнять необязательно.

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

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

Добавление новых пунктов

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

Первой и главной опцией является . Он отвечает за то, какого рода информация будет выводится в области контента страницы. Типов всего 29. Достаточно много. Каждый тип имеет свои обязательные параметры, которые позволяют конкретизировать информацию, выводимую на страницы.

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

Второй обязательной опцией является Заголовок — под этим именем пункт будет добавлен в меню.

Алиас — заполнять необязательно. При включенных SEF Joomla самостоятельно сформирует читабельный адрес для новой страницы.
Примечание — небольшая пояснительная записка.
Ссылка — заполнится автоматически после сохранения ПМ. Будет отображаться оригинальный URL адрес страницы до преобразования его к человеко понятному (SEF) виду.
Состояние: опубликовано — если меню уже выведено на сайт, то данный пункт сразу после сохранения появится в нем; не опубликовано — пункт сохранится, но не появится на сайте; в корзине — удалить.
Доступ — определяет уровень доступа.
Меню — куда добавить создаваемый пункт.
Родительский элемент — по умолчанию это корневой ПМ, но так же можно сделать его подпунктом (дочерним элементом) другого ПМ.
Порядок — возможность задать порядковый номер для пункта, появляется после его сохранения.
Целевое окно — в каком окне браузера открывается страница, на которую ссылается данный пункт меню.
Главная страница — созданная страница станет главной для сайта. Заметьте, главная страница только одна.
Язык для данного пункта меню.
Стиль шаблона — определить стиль для новой страницы сайта. По умолчанию будет использоваться стиль активного шаблона Joomla.
ID — уникальный идентификационный номер.

Настройка порядка пунктов меню

Список ПМ является строго упорядоченным — соблюдается иерархия и порядок следования.

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

В качестве примера, на рисунке для пункта «Франция»: «Великобритания» и «Германия» — братья, а «Европа» — родительский элемент.

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

Модуль меню Joomla

Меню бывают:

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

2. Действительные — выводятся на сайт и используются для навигации.

Если вы уже читали статьи, посвященные модулям Joomla, то должны догадаться — меню выводится на сайт с помощью соответствующего одноименного модуля.

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

1. Подробно.

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

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

3. Основные параметры

Выбираем меню, которое собираемся выводить на сайт.
Как я говорил, пункты в меню представляют собой иерархию. Данная опция позволяет задать, какие уровни этой иерархии будут выводится. Чтобы отображались все ПМ, включая подпункты, в начальном уровне укажите «1», в последнем — «Все», а в следующей опции выберете «Да».

Ну вот вроде со всем разобрались! Спасибо за внимание и до скорых встреч. Всегда ваш Дмитрий Афонин.

Оценка на JED: в целом - 28 , функциональность - 50 , поддержка - 23 , документация - 28 .

BM Cool Menu - один из самых любимых моих бесплатных и безопасных модулей для CMS Joomla 3 . Мне нравится его простота и лаконичность, адаптивность (что нечасто встретишь в бесплатных вариантах) и возможность лёгкой донастройки вручную. В чистом виде это расширение меня не совсем устраивало, но при некоторой корректировке файла CSS проблем не осталось. Думаю, что невысокие оценки модуля в каталоге Joomla JED объясняются именно необходимостью его ручной донастройки. Это не так сложно, как кажется. Тем более, собственные настройки файла CSS я сохранил для себя и вас в отдельном файле.

Этот модуль идеально подойдёт тому, кто нуждается в простом адаптивном горизонтальном и полностью бесплатном меню на своём сайте с Joomla 3. Сразу скажу, что он поддерживает многоуровневые меню , но лично у меня на некоторых сайтах возникли определённые проблемы с этим. Пока я с ними не разбирался, так как нашёл другие варианты; но полагаю, что дело в конфликте библиотек jQuery - при желании это более чем решаемо. (Ниже расскажу, как я их решил. Дело вовсе не jQuery).Для одноуровневых меню модуль более чем оптимален. Я его использую на большинстве своих сайтов.

Демо модуля BM Cool Menu

Собственно демо этого модуля представлено в шапке данного сайта. Оно же продублировано в футере. Как работает это меню с многоуровневой структурой можно посмотреть здесь.

Настройки бесплатного модуля адаптивного меню BM Cool Menu

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

Show Sub-menu Items - показывать подпункты или нет.
Text color - цвет текста.
Hover text color - цвет текста при наведении курсора мыши.
Menu"s background - цвет фона меню.
Background image - картинка в качестве фона (настройки в формате css)
Show border - показывать рамку или нет.
Border radius - радиус скругления углов в рамке.
Border color - цвет рамки.
Active background - цвет активного пункта меню.
Load jQuery - подключать или нет библиотеку jQuery.

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

Ручная донастройка стилей BM Coll Menu

Теперь скажу пару слов о ручной донастройке модуля для создания адаптивного меню на Joomla 3 BM Cool Menu. Проблема у меня возникла, когда я решил полностью убрать скругление углов (border radius) и рамку (border color). После внесения соответствующих изменений в настройках модуля в админке на компьютере в развёрнутом режиме (во всю страницу) меню отлично отражало все эти изменения, однако на мобильных устройствах и в свёрнутом окне и рамка, и скругление сохранялись. К тому же модуль в сжатом виде неизменно поднимался наверх и закрывал собой часть другого модуля, находящегося выше. Мне хотелось настроить отображение меню так, чтобы все его пункты выравнивались по центру. Дело в том, что, например, на экране компьютера 4:3 всё выгледело вполне ровненько и пристойно, а вот на 16:9 меню прижималось влево и выглядело как-то не так. Ну и плюс ко всему мне отелось убрать светлую полоску, разделяющую между собой пункты меню.

Решение нашлось в изменении или комментировании некоторых строк в файле css модуля, который лежит по пути: /modules/mod_bm_cool_menu/assets/css/style.css . Старый файл я на всякий случай сохранил в нетронутом виде под именем old-style.css . А в новом внёс кое-какие изменения.

Выравниванию меню по центру

В классе .bm-cool-menu li я заменил float:left; на inline:block; (строка 29) и то же самое сделал в строке 37 класса .bm-cool-menu a . Также добавил в строку 10 класса .bm-cool-menu : text-align:center;

Убираю белую разделительную линию между пунктами меню

Для этого полностью комментирую строку 30. Для тех, кто забыл или никогда не знал, как это делается: /*border-right: solid thin #fcfcfc;*/

Дополнительная настройка отображения меню на мобильных

Чтобы меню не закрывало собой модуль (или логотип), находящийся выше, в классе .bm-cool-menu-trigger (строка 167 и ниже) я добавил отступ сверху: margin-top:10px;

Для того, чтобы рамка меню и закругления углов не отображались в мобильной версии, я закомментировал строки 173, а также со 175 по 180.

Модифицированный мной файл style.css я выложил внутри архива с модулем по прямой ссылке . Он называется mystyle.css . В случае нежелания возиться с изменением стилей вручную вы можете использовать его, просто переименовав в style.css .

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

Меняю заглавие меню в мобильной версии

Ну и осталась одна совсем маленькая, но существенная деталь. Изменить слово Menu , написанное латиницей при просмотре страниц в мобильной версии или при сворачивании страницы в браузере в небольшое окошко. Можно было бы предположить, что изменения надо вносить в языковой файл - но вот нет. Оказывается надо поставить свой заголовок меню в файле по пути: /modules/mod_bm_cool_menu/tmpl/default.php (строка 14).

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

Решение проблемы с неработающим BM Cool Menu

Проблема, которую я имею ввиду, состоит в следующем: на некоторых сайтах у меня BM Cool Menu не раскрывало подпункты ни при наведении, ни при клике. Я долго думал, что имеет место некий конфликт скриптов. Когда нашлось время наконец-то разобраться с этим, то я увидел, что даже на абсолютно чистом, только установленном сайте Joomla 3 меню не раскрывалось. Тут-то мне и стало понятно, что дело вовсе не в каких-то конфликтах. Опытным путём и ценой огромного количества нервных клеток мне всё-таки удалось установить, что проблема с расворачиванием и отображением многоуровневого меню BM Cool Menu проявляется только в позиции Position-1 шаблона стандартного джумловского шаблона Protostar. Переставив этот модуль в любую другу позицию (например, banner), происходят чудеса - и он начинает работать.

Если же непременно нужно расположить меню в Position-1, то придётся слегка подкорректировать индексный файл шаблона Protostar (index.php в корне шаблона - /templates / protostar / index.php). Дело в том, что по умолчанию вывод этот позиции обёрнут в контейнер nav с родным классом меню Joomla 3 navigator. Удалив эту «обёртку» и заменив style с «none» на «xhtml», мы получаем позицию 1, в которой модуль BM Cool Menu начнёт работать так, как надо.

Итак, находим этот фрагмент:

nav class="navigation" role="navigation">

Удаляем 1 и 3 строку, а также заменяем во второй строке «none» на «xhtml». Вот и всё решение.