В любой версии Joomla 5 и в любом шаблоне Joomla вы можете легко добавить свой пользовательский css или js-код.

 

Для этого создаем два файла user.css и user.js, и отправляем их в папки:

 

ВАШ_САЙТ/media/templates/site/cassiopeia_child/css/user.css
и
ВАШ_САЙТ/media/templates/site/cassiopeia_child/js/user.js

 

Только эти стили и скрипты будут подключены в вашем шаблоне по умолчанию.

 

Такие же файлы со стилями и скриптами вы можете подключить в стандартном шаблоне Cassiopeia, и они будут сохранены при следующем обновлении Joomla.

 

Подключение стилей

Если вы хотите подключить уже готовый файл, например - style.css, к своему шаблону, то сначала сохраните его в папке css: - ВАШ_САЙТ/templates/cassiopeia_child/css/style.css.

 

Так как он просто не подключится к шаблону, вы его импортируйте через ссылку в файл user.css:

 

@import "/templates/cassiopeia_child/css/style.css" screen;

 

Подключение скриптов

При желании подключить какой-то скрипт к шаблону не сложно - необходимо скопировать его код и вставить в пользовательский скрипт user.js.

 

Все нужные скрипты храните в папке js вашего шаблона:

ВАШ_САЙТ/templates/cassiopeia_child/js/

 

Если какой-то скрипт не работает в user.js, то подключите его во вновь созданном материале, HTML-модуле:

 

Или же если скрипт является общим для многих расширений и контента, то пропишите выше указанную строку для этого скрипта в файле index.php - перед тегом </body>.

 

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

 

Если вы делаете многочисленные попытки изменить стиль, то удобней, оперативней и проще выполнять эту работу в браузере Mozilla Firefox.

 

Нажав сочетание клавиш Shift + Ctrl + Del, вы попадаете на окно Удаление недавней истории. Соглашаетесь с диалогом, и нажимаете Enter.

Вам только остается перезагрузить страницу...

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