Articles

Drupal poseduje moćan sistem upravljanja slikama koji omogućava kreiranje stilova slika koji mogu primenjivati različite efekte na slici i praviti izvedenice od originalne slike. Ovu funkcionalnost mogu koristiti teme koje žele da uključe skup podrazumevanih stilova slika kreiranih za rad sa tom temom, umesto da se oslanjaju na one koje pruža jezgro.

Proces uključivanja stilova slike u vašu temu je sličan procesu uključivanja podrazumevane konfiguracije u modul.

Mnogi developeri vole da čuvaju kodove za zaglavlje i podnožje u posebnom fajlu i pozivaju taj fajl u page.html.twig

Proces

Recimo da ste kreirali sledeći fajl u folderu vaše teme za zaglavlje:

THEME_NAME/templates/includes/header.html.twig

I sada želite da uključite taj fajl u:

page.html.twig

Preporučena metoda

Ispravan metod za Drupal 8 teme je korišćenje Twig namespace-a za deklarisanje foldera "templates" vaše trenutne teme. Evo primera:

Mnogi Twig šabloni će imati jedan ili više objekata Attribute prosleđenih kao promenljive. Zadatak objekta Attribute je da čuva skup HTML atributa, pružajući programeru korisne metode za interakciju sa tim podacima i omogućavajući lako ispisivanje atributa. Na primer, attribute.addClass('myclass') olakšava dodavanje jedne klase bez brige o tačnoj konkatenaciji stringova.

Obično atributi u šablonu treba da izgledaju otprilike ovako:

Kao i u Drupalu 7, možete uticati na izlaz određenog HTML-a pomoću funkcija prethodne obrade. Na primer, ako želite da dodate klasu u meni i više volite da to radite na PHP nivou, možete to učiniti. Ovo je dobar način da promenite markup vezan za temu, ali ako želite da napravite markup nezavisan od teme, bolje je napisati sopstveni modul.

(Napomena: za potrebe dokumentacije ovde „mytheme“ je mašinsko ime vaše teme; na primer, „bartik“ je mašinsko ime teme.)

Da biste radili sa funkcijama prethodne obrade:

U Drupalu 8 ne postoji korisnički interfejs za uređivanje breakpoint-ova. Zbog toga što su breakpoint-ovi definisani u konfiguracionim fajlovima, nije moguće obezbediti korisnički interfejs ni u contrib modulima.

U Drupal administratorskom delu, svaka tema ima svoju posebnu stranicu za podešavanja na adresi admin/Appearance/Settings/nazivTeme. Ta stranica sadrži formu sa standardnim podešavanjima, kao što su „Podešavanja slike logotipa“ i „Podešavanja ikone prečice“.

Ovo je lista nekih od najistaknutijih promena u Drupalu 8 koje utiču na njihovu tematiku.

Promene u osnovnim klasama

Pojednostavljena imena pomoćnih klasa "element-x"

Drupal 7 je uveo nekoliko novih klasa: element-hidden, element-invisible i element-focusable. Bilo je teško tačno razumeti šta ove klase rade samo po njihovim imenima, zato su imena klasa promenjena. Nova imena treba da olakšaju razumevanje klasa i da budu usklađenija sa HTML 5 Boilerplate, popularnim HTML 5 okvirom. Evo tabele za transformaciju i upotrebu:

Ovaj dokument je korišćen tokom većeg dela procesa transformacije Twig za Drupal 8 i može vam biti koristan i za ažuriranje vaših sopstvenih tema i modula kako bi koristili Twig šablonski engine u Drupalu 8.

Napomena: sav rad sa Twig-om sada se obavlja u Drupal jezgru problematične liste. Koristite samo sandbox za transformaciju Twig-a da pronađete prethodno transformisane šablone i funkcije.

Koraci za glavne učesnike:

Korišćenje alata za automatizaciju olakšava kreiranje tema. Ovde ćemo koristiti gulp js za pravljenje alata za automatizaciju za korisničku temu.

Rad sa Gulp 3.x i Node 10.x i niže

Koraci:

1. Instalacija Node.js
Preuzmite i instalirajte najnoviju verziju NodeJS sa sajta nodejs.org. Proces instalacije može zavisiti od vašeg operativnog sistema.

2. Instalirajte Gulp

npm install gulp-cli -g

3. Podešavanje gulpfile.js
Pređite u direktorijum korisničkih tema.