Puncte:-2

Biblioteci, CSS și încărcare condiționată

drapel bn

Privind captura de ecran atașată de la mytheme.libraries.yml, văd „base:”, „component”, „layout”, „theme” și așa mai departe.

Aceste desemnări reprezintă/fac ceva în practică? Sau este doar pentru organizarea fișierului libraries.yml, sau asta implică unde/când se încarcă aceste fișiere CSS? De exemplu, form.css se încarcă numai atunci când este prezent un formular.

Pot să văd că acest lucru se întâmplă în module, dar în fișierul theme.libraries?

De asemenea, de ce nu este disponibilă aici o etichetă „yml” sau „yaml”? y

Captură de ecran a unui fișier de bibliotecă al unei teme.

leymannx avatar
drapel ne
Vă rugăm să nu adăugați capturi de ecran de cod. Lipiți codul și utilizați funcționalitatea de evidențiere a codului. Mulțumesc
Kevin avatar
drapel in
Nu înțeleg pe deplin întrebarea, ce este un fișier libraries.twig? Bibliotecile sunt declarate într-un fișier libraries.yml într-un modul sau o temă.
blur avatar
drapel bn
Îmi pare rău - voi posta codul de acum înainte și mă voi asigura, de asemenea, că am înțeles corect extensiile de fișiere. Hopa! multumesc pentru avertisment.
Puncte:2
drapel ru

baza, componente etc sunt SMACSS categorii inspirate, o metodă de organizare a CSS în proiecte la scară largă (în Drupal aceasta înseamnă și ordinea de încărcare). Și YAML aici nu are sens, nu puteți adăuga YAML la un document HTML.

Puncte:1
drapel in

Ar trebui să examinați Adăugarea foilor de stil (CSS) și Javascript (JS) la a Modulul Drupal și Tema Drupal docs. Din păcate, există informații într-unul care nu se află în celălalt, dar Eu cred toate informațiile referitoare la definirea unei biblioteci, adică crearea unui fișier libraries.yml, se aplică atât modulelor, cât și temelor.

Privind mytheme.libraries.yml, văd „bază”, „componentă”, „aspect”, „temă”, și așa mai departe. Aceste desemnări reprezintă/fac ceva în practică?

Da, fac chestii. În primul rând, schimbă ordinea în care sunt încărcate fișierele (în primul rând sunt încărcate greutăți mai mici). Este, de asemenea, o modalitate bună de a vă organiza CSS-ul (aceste chei se aplică numai pentru CSS, nu pentru JS) conceptual, astfel încât să fie mai ușor să găsiți, să depanați și să remediați orice probleme sau să faceți modificări.

Din documente:

[base, layout, component, state, theme keys] indică tipul de stil căruia îi aparține fișierul CSS.

Puteți seta greutăți CSS cu 5 niveluri diferite de stil:

  • bază: resetare/normalizare CSS plus stilul elementelor HTML. Tasta atribuie o greutate de CSS_BASE = -200
  • layout: macro-aranjare a unei pagini web, inclusiv orice sisteme de grilă. Tasta atribuie o greutate de CSS_LAYOUT = -100
  • componentă: elemente UI discrete, reutilizabile. Tasta atribuie o greutate de CSS_COMPONENT = 0
  • stare: stiluri care se ocupă de modificările componentelor din partea clientului. Tasta atribuie o greutate de CSS_STATE = 100
  • temă: stil pur vizual (âlook-and-feelâ) pentru o componentă. Tasta atribuie o greutate de CSS_THEME = 200

Aceasta este definită de SMACSS standard. Deci aici dacă specificați tema înseamnă că fișierul CSS conține stilul legat de temă, care este aspect pur și senzație. Mai multe informații aici. Nu puteți utiliza alte taste ca acestea va provoca avertismente stricte.

Aceste chei nu oferă nicio încărcare condiționată a fișierelor.Toate sunt încărcate întotdeauna când biblioteca este inclusă, cheile schimbă doar ordinea în care sunt încărcate fișierele individuale. (Dacă utilizați agregarea, toate vor fi într-un singur fișier, dar ordinea va fi păstrată.) Pentru a încărca fișiere condiționat, va trebui să creați biblioteci separate (puteți defini mai multe biblioteci în același libraries.yml fișier) și apoi atașați bibliotecile individuale numai atunci când aveți nevoie de ele.

Există mai multe moduri de a atașa o bibliotecă la o pagină, consultați Atașarea unei biblioteci la pagini secțiunea modulului și documentele tematice menționate mai sus.

blur avatar
drapel bn
Multumesc pentru informatie. Mi-aș dori să pot găsi câteva tutoriale de șabloane care să depășească „în primul rând, instalează barrio...”. Aș dori să intru în preproces și condiționale. Faceți mai mult cu șabloane și mai puțin cu module.

Postează un răspuns

Majoritatea oamenilor nu înțeleg că a pune multe întrebări deblochează învățarea și îmbunătățește legătura interpersonală. În studiile lui Alison, de exemplu, deși oamenii își puteau aminti cu exactitate câte întrebări au fost puse în conversațiile lor, ei nu au intuit legătura dintre întrebări și apreciere. În patru studii, în care participanții au fost implicați în conversații ei înșiși sau au citit transcrieri ale conversațiilor altora, oamenii au avut tendința să nu realizeze că întrebarea ar influența – sau ar fi influențat – nivelul de prietenie dintre conversatori.