Назначаем альтернативное оформление странице Joomla

Одним из плюсов работы в Joomla является гибкость в оформлении любого компонента или блока сайта. Давайте рассмотрим как изменить стиль главной странице сайта:

   1. Авторизуемся в панели администрирования;
   2. Выбираем пункт меню "Все Меню"-> "mainmenu";
   3. В открывшемся разделе "Пункт меню: [ mainmenu ]" выбираем пункт меню "Главная" и нажимаем кнопку "Изменить";
   4. В разделе "Параметры - Система" в пункте Суффикс класса страницы (Page Class Suffix) указываем дополнительный суффикс к стандартному классу, например -home (не забывайте указывать дефис, он поможет потом при работе с CSS файлами и кодом страницы);
   5. Нажимаем кнопку "Сохранить".

В результате наших действий стандартные классы блоков элементов дизайна страницы получили новые классы, к примеру класс ".contentheading" стал ".contentheading-home", "contentpaneopen" стал "contentpaneopen-home" и так далее. В новых классах мы можем реализовать все необходимые изменения или добавить\переопределить значения стандартных классов стилей, к примеру:

 
.contentheading, .contentheading-home {
  color:#1786B9;
  font-size:17px;
  font-weight:bold;
  text-align:left;
}
.contentheading-home {
  color: #1786B9;
  text-transform:uppercase;
}

В данном примере мы установили строчкой ".contentheading, .contentheading-home" все теже параметры для нового класса, которые были установлены для стандартного класса ".contentheading", а затем далее новому классу ".contentheading-home" переопределили цвет текста и добавили новый параметр, указывающий тип трансформации текста.

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