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

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

В тоже время другой стандартный шаблон Beez3, вообще, на мой взгляд, не корректно отображает данное меню.

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

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

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

При этом для создания родительских ссылок меню, в поле “Родительский элемент” необходимо выбрать значение “Корневой пункт меню”. Как только все родительские элементы созданы, приступаем к созданию дочерних элементов.

Обратите внимание, что создавая дочернюю ссылку в поле “Родительский элемент” необходимо выбрать ранее созданный родительский пункт меню. Таким образом, дочерние элементы, будут формировать выпадающую часть меню, если конечно данная возможность поддерживается шаблоном. После добавления всех необходимых ссылок, в менеджере меню мы получим следующую структуру.

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

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

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

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

После сохранения модуля переходим в пользовательскую часть для проверки.

Как Вы видите, для шаблона Photostar меню отлично отображается, но как сделать выпадающее меню в joomla 3, для другого шаблона спросите Вы. Ответ достаточно прост – использовать стороннее расширение. И в данной статье мы рассмотрим модуль под названием ARI Ext Menu .

Кликая по кнопке “Download” нас перенаправляют на сайт разработчика, где приведена ссылка для скачивания модуля.

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

Модуль достаточно функционален и содержит огромное количество различных настроек, на обзоре которых я сейчас не буду останавливаться, тем более что практически все они отвечают за внешний вид и требуют простого тестирования. Главное, необходимо указать заголовок, выбрать позицию отображения в шаблоне, изменить состояние на “Опубликовано” и в поле “Menu name” выбрать меню которое будет отображаться в модуле.

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

То есть модуль успешно выполняет свою задачу.

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

На этом данная статья завершена! Всего Вам доброго и удачного кодирования!!!

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

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

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

Давайте представим ситуацию. У нас есть «Главная» в меню на странице и мы хотим ее отключить. Отключаем…а нам отвечает «Вы не можете снять с публикации меню по умолчанию». И тут возникает проблема на ровном месте.

Как убрать пункт меню по умолчанию home из Joomla?

Способ 1. Самый легкий

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

Способ 2. Самый правильный

Находим в папке шаблона ваш_сайт/templates/ваш_шаблон/default_component.php. В нем прописываем

Switch ($item->browserNav) : default: case 0: if (in_array($item->id, $path)){ echo "".$linktype.""; }else { ?>href="flink; ?>" >

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

Действие 6. Задать все общие настройки Joomla.

Сразу после установки Joomla и выполнения пяти предыдущих действий вы должны зайти в общие настройки Joomla (Система –> Общие настройки ), пройтись глазами по каждой из них, по всем вкладкам, и сразу же задать всё, что необходимо. Еще раз повторяю: сразу же!

Готов поспорить, что нет такого веб-мастера, использующего Joomla, который бы после окончания работы над очередным сайтом хоть раз не забыл установить в общих настройках мета-данные. Вот вроде помнишь про них, а через минуту уже забываешь. Казалось бы, что может быть проще, чем зайти в настройки и установить мета-описание сайта. Думаешь: «Да ладно, пока оставлю это поле пустым, а попозже заполню». Не заполните, пока SEO-оптимизатор не ткнет вас носом. Как говориться: «Нет ничего более постоянного, чем временное». Здесь это работает на 100%. Если вы не знаете, что нужно указывать в той или иной настройке, то оставляйте как есть. Но если знаете, или узнаете позже, то не закрывайте это окно, пока все не заполните.

Сразу же советую здесь установить опцию Время жизни сессии на 30-120 минут. 15 минут очень мало и в очередной раз, вводя логин и пароль для входа в админку, вы будете ругаться, но не зайдете в общие настройки, чтобы изменить время жизни сессии. Почему? Потому что нет ничего более постоянного, чем временное. =)

Действие 7. Включить отображение позиций модулей.

Если вы делаете сайт самостоятельно, то это действие сильно облегчит вам жизнь. Уже и не все знают, что в Joomla есть возможность просмотра позиций модулей, которые содержит шаблон. Достаточно добавить к URL сайта ? tp=1 страница будет показана с позициями модулей. По соображениям безопасности в последних версиях Joomla эта функция по умолчанию отключена.

Что нужно сделать?

Перейти в Расширения –> Менеджер шаблонов –> Настройки и в опции Просмотр позиций модулей установить Включено .

После этого на сайте можно будет увидеть все позиции модулей :

Действие 8. Установить и настроить редактор JCE.

Стандартный WYSIWYG-редактор TinyMCE, который установлен в Joomlaпо умолчанию, мягко говоря, не очень. Если вы уже пользовались редактором JCE, то это особенно заметно. К вопросу о необходимости установки JCE. Да, заказчик, не искушенный тонкостями работы CMS Joomla, не указал в техническом задании точные требования к визуальному редактору, а значит, в этом вопросе все можно оставить по умолчанию и с чистой совестью его пропустить. Я скажу так: даже если вы делаете сайт на заказ, JCE вы все равно будете устанавливать в первую очередь для себя. Почему? Потому что как только дело дойдет до оформления хотя бы одного материала с использованием визуального редактора, время, затраченное на установку JCE, окупится с лихвой.

Что нужно сделать?

Переходим в Расширения –> Менеджер Расширений .

Нажимаем кнопку Добавить закладку "Установить из JED"

В строке поиска вводим «JCE » и осуществляем поиск.

Переходим в расширение JCE и жмем кнопку Install . Редактор будет установлен.

Если все сделано правильно, то при создании материала будет открываться JCE:

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

Действие 9. Установить и настроить компонент резервного копирования Akeeba Backup.

Никогда не стоит пренебрегать резервным копированием. Даже на этапе разработке сайта. Особенно на этапе разработки сайта. За свою многолетнюю работу с Joomla я перекопал очень много тем на известных форумах. Вопрос вроде: «Я установил это расширение, и сайт перестал работать. Что мне делать?» встречается очень, очень часто. Бывает так, что одно необдуманное действие web-мастера приводит к тому, что требуется многочасовое восстановление сайта. Львиная доля этого времени уходит на то, чтобы во всем разобраться и найти причину проблемы. Имея под рукой резервную копию сайта, восстановить его можно за пару минут, сделав пару кликов.

Особенно удобно использовать для создания резервных копий и восстановления из них сайта компонент Akeeba Backup . Не сочтите за рекламу. Разработчики действительно постарались. Огромное количество настроек, возможность запуска по расписанию, восстановление сайта из любой резервной копии за пару кликов. Компонент имеет бесплатную и платную версии. Все, описанное выше, доступно в бесплатной версии. Но платная также очень хороша. Для меня ее главное преимущество – возможность автоматического создания резервных копий в облачные сервисы, например, Яндекс.Диск, который предлагает бесплатно 10ГБ на аккаунт. Количество аккаунтов не ограничено. Один раз, настроив Akeeba Backup, можно полностью закрыть тему резервных копий и не вспоминать о них до дня Х. Подробнее про этот замечательный компонент и создание резервных копий в облаках я обязательно расскажу в отдельных статьях.

Действие 10. Изменить адрес входа в админку.

Это действие относится к безопасности Joomla. С одной стороны, делать сразу после установки его не обязательно, но с другой, не сделав этого сразу, с вероятностью 90% вы не сделаете и потом, подвергнув свой сайт потенциальной опасности. Подробнее о подборе пароля и изменении адреса входа в админку можно прочитать в статье Защита Joomla. Часть 2. Защита Joomla от подбора пароля.

Действие 11. Установить расширение карты сайта Xmap.

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

Хорошим и бесплатным расширением для создания карты сайта является Xmap .

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

Интересным может быть вариант избавления от дублей страниц путем сочетания карты сайта и правильной настройки файла robots.txt . О нем рассказывается в последнем, 12 действии.

Действие 12. Настроить файл Robots. txt.

Файл robots.txt расположен в корне сайта и указывает поисковым системам на то, какие разделы сайта можно индексировать, а какие нет. Этот файл может быть настроен очень по-разному. Все зависит от конкретного проекта и требований.

Подробно про файл, синтаксис и примеры основных настроек вы можете прочитать по ссылке: http://joomlaforum.ru/index.php/topic,193446.0.html

Интересен вариант сочетания настройки файла robots.txt и карты сайта Xmap в плане избавления от абсолютно всех дублей на сайте. Подход такой:

1. Закрыть весь сайт кроме расширения Xmap от индексации поисковыми системами.
2. Создать карту сайта, которая будет содержать все нужные страницы сайта.
3. Отдать карту сайта поисковым системам.

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

Описанные выше действия позволят вам избавиться от ряда проблем, которые могут возникнуть в процессе создания сайта на Joomla. Сделать их рекомендуется сразу. Вы даже можете создать свою сборку Joomla, чтобы не повторять однотипные действия каждый раз, но следует помнить, что ее придется обновлять с выходом новых версий Joomla и расширений. Что удобнее: делать 12 действие каждый раз после установки Joomla или следить за собственной сборкой – каждый решит для себя самостоятельно. Я лишь хочу отметить, не нужно скачивать чужие сборки из Интернета. В них может быть все, что угодно: вирусы, скрытые ссылки, ошибки. Дистрибутив Joomla нужно брать только с официального сайта Joomla.org .

P.S.: Все описанные в статье расширения можно установить по аналогии с JCE через менеджер расширений , закладку Установить из JED .

Вконтакте

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

Из общей информации про меню Joomla, стоит упомянуть, что материалы категории, которая не прикреплены к какому-либо меню сайта, не будут на сайте видны.

Меню и пункты меню Joomla 3

Меню сайта Joomla создаются администратор сайта или пользователями сайта с установленными разрешающими правами на управление меню сайта. Права на управление меню выставляются на вкладке Компоненты→Менеджер меню→Права.

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

Примечание: На сайте Joomla можно создавать любое количество меню и любое количество пунктов меню с любой глубиной вложенности. Вложенность меню это дерево по типу: пункты меню-подпункты пунктов меню-подпункты подпунктов пунктов меню и т.д.

Как создать меню сайта Joomla

Для создания меню сайта открываем вкладку: Меню→Менеджер меню→Создать меню из горизонтального бара или Структура→ Менеджер меню→Создать меню вертикального меню административной части сайта.

Меню даем имя, обязательно вписываем системное имя меню (тип меню). Типом меню может быть любое латинское слово, понятно указывающее назначение меню. Например, mainmenu, homemenu, topmenu, footermenu.

Как создать пункты (подпункты меню)

Создание пунктов меню, производится на вкладке: Меню→Название меню→Создать пункт меню.

Типы пунктов меню

Как я уже упоминал, пункты меню Joomla 3 это информативные единицы сайта. При помощи пунктов меню можно открывать на сайте страницы с различной информацией. Эта информация может быть различной и в зависимости от типа информации, создаются различные типы меню. Посмотрим на типы пункта меню:

Тип пункта меню

1. Контакты (4 типа);

2. Ленты новостей (3 типа);

3. Материалы (7 типов), а именно

• Архивные материалы;
• Избранные материалы;
• Материал;
• Блог категории;
• Создать материал;
• Список всех категорий сайта;
• Список материал одной категории.

4.Менеджер настроек;

5.Менеджер пользователей (7 типов);

6.Метки (3 типа);

7.Обертка(Wrapper);

9.Системные (4 типа);

10.Умный поиск.

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

Хватит теории, перейдем к практике и создадим меню с двумя, тремя пунктами меню.

Пример создания меню сайта Joomla

Создадим меню под названием «Меню1». Системное имя будет «menu-1».

Идем на вкладку: Меню→Создать меню.

На странице создания меню указываем его имя «Меню1» и системное имя «menu-1».

Жмем кнопку «Создать».

Все! Меню создано.

Что значит системное имя меню

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

• Ищем таблицу: префикс_menu_types.
• Открываем ее (клик по названию), что соотвествует SQLзапросу:
• SELECT * FROM `префикс_menu_types`
• И видим системное имя созданных меню (тип меню).

Вывод: системное имя меню нужно для создания уникальных значений в полях таблицы menu_types базы данных Joomla.

Итак, мы создали меню Joomla, пора создавать пункты меню.

Создаем пункты меню Joomla

На вкладке Меню→Пункты меню→Создать меню, создаем пункт меню.

class="eliadunit">

Даем пункту меню имя.

Выбираем тип пункта меню. Пусть это будет тип меню: Блог категории.

Указываем целевое окно: Новое окно с элементами навигации.

Справа указываем название нашего меню и родительский элемент данного пункта меню (2,3).

На других вкладках выставляем другие настройки пункта меню:

Параметры макета Блога (3) – шаблон блога. Можно указать количество колонок.

Отображение (4) – шаблон показа отдельного материала;

Настройки интеграции (5)– включаем создание RSS лент для этого пункта меню.

Параметры страницы (7). Здесь можно задать альтернативный заголовок, который буде виден в браузере. Также можно включить «Заголовок страницы». Он будет виден в начале всех страниц этого пункта меню в тегах

, что соответствует всем страницам категории блога.

Метаданные (8). Нужно заполнить метаданные для этого блога, а именно descriptionи keywords. Descriptionдолжен быть уникальным и длинной не более 165 знаков. Keywords не обязателен.

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

Всё! Пункт меню создан. Осталось разместить меню на сайте.

Как разместить меню на сайте Joomla

Разместим два меню на сайте. Горизонтальное выпадающее и вертикальное с показом всего дерева меню.

Как разместить выпадающее горизонтальное меню Joomla

Выпадающее горизонтальное меню Joomla размещаем в специальном модуле шаблона, под названием «menu». В шаблоне могут быть созданы дополнительные поля для размещения меню, например footermenu, topmenu.

Для создания модуля меню идем на вкладку: Менеджер модулей →Создать меню. Выбираем тип модуля «Меню».

Настройки модуля меню

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