✨ Ранее файлы CSS стилей надо было сохранять в папке html шаблона Joomla, что защищало их от обновления при update движка. В Joomla 4 (и в 5x, если что) для стилей не нужно делать переопределение, достаточно прописать их в пользовательском файле user.css, который не будет обновляться.
Зачем сохранять стили
По умолчанию в Joomla стили прописаны неплохо, но каждый веб-мастер хочет, чтобы его сайты были в определенной мере уникальны. Для этого и правится css:
- ✔ Изменяются цвета и размер заголовков.
- ✔ Корректируется шрифт.
- ✔ Добавляется цвет фона и т д.
😢 Однако при обновлении Joomla «зачищает» файлы стилей шаблона Кассиопея, заменяя их новыми по умолчанию. Чтобы этого не случилось и создается файл user.css, который движок при обновлении игнорирует.
Как создать user.css
😊 Лично я тут пошел самым простым, но надежным путем, избежав нелюбимых танцев с бубном. Еще перед первой правкой стилей под свой интерес я скопировал из папки:
media/templates/site/cassiopeia/css
☝ файл template.css на ПК, переименовал его в user.css и загрузил назад. Далее правки производилось в нём, Joomla при просмотре отображения страниц через Инспектор автоматом подтягивала уже не template.css, а user.css.
Теперь можно смело обновлять движок и не бояться, что работа над стилями сольется в небытие, а файл template.css пусть обновляется до скончания века, возможно в стилях Joomla появится что-то новое и какой-то код css можно будет скопировать и перекинуть в user.css.
👀 Кстати, в user.css можно прописать не только стили из основного файла, но и цвета глобальных настроек, так как они находятся в папке css/global и тоже обновляются при обновлении Джумла. В конце своего user.css я просто прописал:
:root {
--cassiopeia-color-primary: #112855;
--cassiopeia-color-hover: #424077;
--cassiopeia-color-link: #224faa;
}
😊 Эти цвета я изменял и теперь они сохранятся, даже после очередного обновления Joomla.