Как установить шаблон Joomla 5 и 6: установка и настройка

Установка и настройка шаблона Joomla 5 и 6

Шаблон Joomla определяет внешний вид сайта, расположение модульных позиций и часть параметров оформления. В Joomla 5 и 6 установка нового шаблона выполняется как установка обычного расширения, а выбор активного дизайна — через стили шаблонов сайта.

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

Как установить шаблон Joomla 5 и 6

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

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

В Joomla 5 откройте Система → Установка → Расширения. На вкладке «Загрузить и установить» перетащите ZIP-пакет в область загрузки или выберите его на компьютере.

Установка шаблона через менеджер расширений Joomla 5
Установка шаблона через стандартный менеджер расширений Joomla 5.4.7.

Joomla также предлагает установку из каталога, по URL и через JED. Для большинства скачанных шаблонов достаточно загрузки пакета.

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

Если вы только начинаете работать с расширениями Joomla, отдельная инструкция находится в материале как устанавливать расширения Joomla.

Как поменять шаблон Joomla

После установки новый шаблон не обязательно становится активным автоматически. Перейдите в Система → Шаблоны → Стили шаблонов сайта. В списке отображаются стили всех установленных Site-шаблонов.

Стили шаблонов сайта в Joomla 5
В стандартной установке Joomla 5 сайт использует стиль Cassiopeia - Default.

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

Не путайте шаблон и стиль шаблона. Один установленный шаблон может иметь несколько стилей с разными параметрами оформления. Это позволяет использовать, например, разные варианты одного дизайна для отдельных разделов сайта.

Когда нужна привязка шаблона к меню

В старых инструкциях Joomla часто встречается совет после установки шаблона открыть вкладку «Привязка к меню» и отметить все пункты. Для основного стиля делать это не требуется.

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

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

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

Что проверить в модулях после смены шаблона

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

Сначала посмотрите, какие позиции доступны в новом шаблоне. Joomla умеет показывать их прямо на сайте: в параметрах шаблонов временно включите Preview Module Positions, а затем добавьте к адресу страницы ?tp=1 (или &tp=1, если в URL уже есть параметры).

Предварительный просмотр позиций модулей шаблона Cassiopeia
Предварительный просмотр позиций модулей стандартного шаблона Cassiopeia.

После этого откройте нужный модуль через Контент → Модули сайта, выберите подходящую позицию нового шаблона и проверьте его назначение пунктам меню. Один и тот же шаблон может иметь позиции вроде menu, sidebar-right, top-a, footer и другие.

После проверки выключите Preview Module Positions. Этот диагностический режим не стоит оставлять включенным на рабочем сайте.

Что еще проверить после установки шаблона

После смены шаблона пройдитесь по основным страницам сайта и проверьте:

  • главную страницу и внутренние материалы;
  • основное и мобильное меню;
  • позиции модулей и боковые колонки;
  • формы, поиск, пагинацию и системные сообщения;
  • адаптивность на телефоне и планшете;
  • скорость загрузки и отсутствие ошибок в консоли браузера;
  • заголовки H1–H3, хлебные крошки и другие элементы структуры страницы.

Если вы планируете вручную изменять файлы оформления, лучше не редактировать ядро стороннего шаблона без необходимости. Используйте штатные способы кастомизации разработчика, CSS-файл пользователя или дочерний шаблон, если конкретный шаблон это поддерживает. Так меньше риск потерять изменения при обновлении.

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

Итог

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

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

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

Нашли ошибку или неточность?

Выделите фрагмент текста и нажмите Ctrl + Enter. Также можно воспользоваться кнопкой ниже.

Нашли ошибку или неточность?

Выделенный фрагмент будет добавлен в сообщение автоматически. При необходимости добавьте пояснение.

Форма защищена от автоматических отправок

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