Как создать Горизонтальное меню в Joomla?

Приветствую вас на нашем сайте!

Сегодня мы создадим важную часть для сайта - это горизонтальное меню.

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

 

Из-за большой визуальной информации, разместить ее в одной статье затруднительно и не рационально.

Кстати, все картинки для лучшего восприятия контента разделены друг от друга.

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

 

Замечание автора — «Почему на сайте почти нет видео?»:
Представляю себе эту статью подать в видеоформате...
Многие блогеры в интернете создали массу видео на эту тему.
Но они часто подают материал так, что простому, да еще и начинающему пользователю, мало что можно запомнить просмотрев выбранный видеоролик.
Конечно все зависит от блогера. Многие такие умные и продвинутые, что чаще думают - все такие вундеркинды как они.
У некоторых авторов нет ни дикции, ни опыта подачи материала. Для них побольше лайков...
Часто спешат записать материал, чтобы уменьшить объем ролика, а также используют некачественный видеоформат, и очень плохой звук...
Лично почти не просматриваю видеоинформацию. Доходчивость дается тяжело. Пользы от нее немного.
Это мое мнение и вы можете не соглашаться с ним...

Но это философия, а у нас дело не продвигается.

Итак, начинаем. Если вместить весь материал в одну статью, то она получиться очень громоздкая.

Поэтому эту статью разделил на 4 части - по количеству пунктов в нашем верхнем Горизонтальном меню.

 

Часть первая - Главная

 

Открываем Панель управления - (Рис. 1).

В левой части ПУ раскрываем Меню. В выпадающем списке нажимаем пункт Меню.

 

Горизонтальное меню

Рис. 1

 

Горизонтальное меню

Рис. 2

На странице Меню у нас только одно системное меню Main Menu - (Рис. 2).

Нажимаем кнопку Создать.


 

Горизонтальное меню

Рис. 3

Открылась страница - Меню: Создание меню - (Рис. 3).

Здесь заполняем поля как на картинке, и нажимаем Сохранить и закрыть.


 

Горизонтальное меню

Рис. 4

На странице Меню - (Рис. 4),- появилось подтверждение, что меню успешно сохранено.

И у нас на сайте теперь два меню.

В новом меню нет ни одного пункта. Для исправления этого - нажимаем на иконку Пункты меню.


 

Горизонтальное меню

Рис. 5

Так как у нас нет ни одного пункта, нажимаем кнопку Создать - (Рис. 5).


 

Горизонтальное меню

Рис. 5a

Вы зашли на страницу Меню: Создание пункта меню - (Рис. 5a).

Прописываем Заголовок, а Алиас сгенерируется автоматически, после сохранения пункта меню. Но вы можете прописать свой.

Нажимаем Тип пункта меню - Выбрать.


 

Горизонтальное меню

Рис. 6

Открылась вкладка в модальном окне Тип пункта меню - (Рис. 6).

Раскрываем Материалы. В выпавшем списке нажимаем пункт Материал - отображение определенного материала.


 

Горизонтальное меню

Рис. 6a

Снова вернулись на страницу Меню: Создание пункта меню - (Рис. 6a).

Кликаем, чтобы выбрать нужный материал


 

Горизонтальное меню

Рис. 7

Появился список материалов - (Рис. 7). Выбираем левой кнопкой нужный.


 

Горизонтальное меню

Рис. 8

Теперь на странице Меню: Создание пункта меню - (Рис. 8) заполнены все данные.

Далее нажимаем Тип ссылки.


 

Горизонтальное меню

Рис. 9

Здесь вводим (необязательно) CSS-класс иконки - (Рис. 9).

И нажимаем Сохранить и закрыть.


 

Горизонтальное меню

Рис. 10

Появилось сообщение об успешном создании первого пункта меню Главная - (Рис. 10).

Затем нажимаем кнопку для создания следующего пункта меню Блог.

 

Заключение

Вы прочитали первую часть статьи по созданию Горизонтального меню в Joomla 5.

Читайте остальные части в одноименном раскрывающемся меню - ниже.

 

 

Полезное на эту тему:

Создать Модуль Top-menu

 

   
Добавить комментарий