Conectarea fișierelor js și css în Drupal 8 diferă considerabil de modul în care a fost făcut în Drupal 7 (care, întâmplător, nu este surprinzător având în vedere amploarea modificărilor). Procesul este acum următorul: descrie biblioteca, care indică ce js și css "cling", în themename.info.yml conectăm bibliotecile descrise.
Conectarea fișierelor js și css în Drupal 8 diferă considerabil de modul în care a fost făcut în Drupal 7 (care, întâmplător, nu este surprinzător având în vedere amploarea modificărilor).
Pasul unu. descărcați fișierele scriptului inclus, js - în folderul YOURTHEME / js, css - la YOURTHEME / css
Pasul doi. descrie biblioteca în yourtheme.libraries.yml:
bootstrap-selectați:
css:
tema:
css / bootstrap-select.min.css: <>
js:
js / bootstrap-select.min.js: <>
Pasul trei. conectăm biblioteca în fișierul yourtheme.info.yml:
Pasul patru. adăugați scriptul de inițializare.
În pachetul JS, creați un fișier, de exemplu, themename.js, unde acesta va adăuga tot ce aveți nevoie pentru temă.
# 40; funcție # 40; $. Drupal # 41; # 123;
/ * jQuery global: false * /
/ * global Drupal: false * /
"folosiți stricte";
/ **
* Furnizați Bootstrap selectați theming.
* /
Drupal. comportamente. bootstrapSelectTheme = # 123;
atașați. funcție # 40; context # 41; # 123;
var $ context = $ # 40; context # 41; ;
/ * aici js * /
$ # 40; '.selectpicker' # 41;. selectpicker # 40; # 123;
stil. 'BTN-primar'.
# 125; # 41; ;
# 125;
# 125; ;
# 125; # 41; # 40; jQuery. Drupal # 41; ;
Conectăm acest fișier și la bibliotecă (consultați etapele 2 și 3). Pentru a vă permite să creați o structură tematică, puteți defini imediat stilul "de bază" și fișierele de script și le puteți conecta ca o bibliotecă de "stil global". Veți obține ceva de genul:
la nivel mondial-styling:
css:
tema:
css / style.css: <>
js:
js / themename.js: <>
bootstrap-selectați:
css:
tema:
css / bootstrap-select.min.css: <>
js:
js / bootstrap-select.min.js: <>
biblioteci:
- yourtheme / styling-ul global
- yourtheme / bootstrap-select
Articole similare
-
Drupal - prima lecție - blog, instalare, configurare și Russification, fac site-ul ușor!
-
Cum se conectează 2 calculatoare la Internet diferite opțiuni tehnice
Trimiteți-le prietenilor: