Как делать горизонтальное главное меню шаблона Protostar в Joomla 3

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

Старт! Честный VDS/VPS, на котором «Лунная База» живет уже 20+ лет

Задумываетесь о том, чтобы поднять свой pet-проект, сайт клиента или настроить окружение для разработки? Уже пора подумать, где арендовать железо.

Лунная База хостится на FirstVDS более 20 лет. Мыслей о том, чтобы перебраться на другой хостинг, не было ни разу (хотя опыт работы с другими вариантами, конечно, есть).

Бывали разные ситуации, но они бывают на любом железе. Главное, что нужно понять: здесь нет маркетинговой шелухи и сказок про «мы всё сделаем за вас». Если вы берете VDS — вам дают полный root, возможность накатить любую ОС и не лезут в ваши конфиги.

Если в саппорт написать с вопросом по вашему коду и получить ответ: «Читайте документацию и разбирайтесь сами» или «Обратитесь к профильному специалисту» — это не повод обижаться. Это повод углубить свои знания в DevOps и сайтостроении! Бегите от тех, кто пообещает: «Мы всё чиним и настраиваем абсолютно бесплатно!». Никто никогда не работает «по доброте душевной» в ущерб себе, а бесплатный сыр в администрировании обычно заканчивается сломанной базой данных.

Что по факту: Гибкое масштабирование ядер и RAM, экономия по сравнению с физическими серверами и адекватная панель ispmanager, если она вам нужна.



Исходное меню шаблона Protostar Joomla 3 в виде списка

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

Исходное меню шаблона Protostar Joomla 3 в виде списка

Заглянем в админке Joomla «Менеджер модулей», а конкретно в настройки модуля основного меню сайта на вкладку «Дополнительные параметры». А конкретно нас интересует поле «Суффикс класса меню». Изначально это поле пустое:

поле «Суффикс класса меню»

Главное меню сайта в виде вкладок (Шаблон Protostar Joomla 3)

Изменим значение поля «Суффикс класса меню» на

 nav-tabs

Внимание!
Обращаю внимание, что перед написанием  nav-tabs обязательно должен стоять пробел. Так надо! =)

После того, как поле заполнено, нужно сохранить его значение в админке Joomla:

сохранить его значение в админке Joomla

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

nav-tabs

Главное меню сайта в виде кнопок (Шаблон Protostar Joomla 3)

Если произвести точно такие же манипуляции с настройками модуля основного меню сайта, но введя в поле «Суффикс класса меню»

 nav-pills

и сохранив изменения:

манипуляции с настройками модуля основного меню сайта

получим симпатичное основное меню сайта в виде строки с подсветкой активного пункта меню:

nav-pills

Важно!
Напомню, то перед  nav-pills в поле «Суффикс класса меню» обязательно должен стоять пробел.

Заключение

В результате этих манипуляций:

  1. Перенос главного меню в верхнюю часть страницы под шапку → читать
  2. Горизонтального расположения основного меню сайта путём правки поля «Суффикс класса меню» в настройках модуля выдачи меню (описанного в этой статье)

мы получаем красивое главное меню сайта в стандартном шаблоне Protostar Joomla 3.

Самый честный хостинг за 20+ лет существования Лунной Базы

Задумываешься о том, чтобы поднять свой сайт в Интернете? Уже пора подумать о том, какой хостинг выбрать?

Лунная База хостится 20+ лет на firstDVS. При этом, мыслей о том, чтобы перебраться на другой хостинг не было. (Но, при этом есть опыт работы с другими вариантами.)

Бывали с firstDVS разные ситуации, но, они бывают на всех хостингах. Единственное, что тут важно понять, - это то, что никто ничего тебе не будет впаривать... Но, и работать за тебя тоже никто не станет. Если в саппорт ответили: «Читайте по ссылке и разбирайтесь сами...» или вообще «Обратитесь за помощью к специалисту», - это повод углубить свои знания в области сайтостроения, а не бежать к тем, что пообещают: «Мы всё чиним и всё делаем за своих клиентов абсолютно бесплатно!» Никто никогда ничего ни за кого "по доброте душевной" не делал, не делает и не будет делать!

Старт! Горячий старт на просторы интернета
Старт! Горячий старт на просторы интернета
Старт! Меню