Articles

Ako otvorite fajl šablona page.html.twig teme Stable:

/core/themes/stable/templates/layout/page.html.twig

Videćete da se razlikuje od šablona page.tpl.php iz Drupala 7, prvo po ekstenziji, a drugo po obilju kovrdžavih zagrada {}. Sve je to zato što Drupal koristi Twig šablonski engine.

U prethodnim uputstvima već smo povezali CSS sa našom temom. Za to smo u datoteci drupalbook.info.yml naveli:

libraries:
  - drupalbook/global-styling

Zatim smo napravili datoteku drupalbook.libraries.yml, gde smo već naveli koje CSS fajlove treba uključiti:

global-styling:
  version: 1.x
  css:
    theme:
      css/style.css: {}
      css/print.css: { media: print }

Sada ćemo detaljnije pogledati kako raditi sa CSS-om u našoj temi.

Da biste imali novi region kroz koji možete prikazivati blokove, potrebno je da:

• Dodate informacije o regionu u fajl theme.info.yml
• Izmenite page.html.twig, dodajući prikaz novog regiona u njega

Dodavanje podataka o regionu u drupalbook.info.yml fajl

Svi regioni su objedinjeni pod ključem regions:

Da bismo počeli, vratimo se kako da uključimo prilagođene javascript fajlove u našu temu. U .libraries.yml fajlu, potrebno je uključiti js:

Vrlo često nam Views šablon ne odgovara, pa možemo prebrisati (override) šablone za Views. Nažalost, ne postoji UI za pretragu željenog šablona u Views, ali možemo koristiti obrasce (patterns) za redefinisanje šablona.

Više o obrascima možete pročitati u ovom članku:

6.6. Rad sa šablonima u Drupalu. Šta su šabloni u Drupal jezgru.

Posebno nas zanima sledeće:

Ispod su moguća imena šablona za prebrisavanje.

Drupal nije samo CMS, to je platforma za razvoj vaše veb aplikacije. Ako odlučite da napravite svoju temu, naići ćete na nekoliko frejmorkova za to. U ovom članku razmotrićemo najpopularnije od njih.

Bootstrap

https://www.drupal.org/project/bootstrap

http://getbootstrap.com/

Drupal ima vrlo malo gotovih lepih i funkcionalnih tema. Ali Drupal se vrlo lako integriše sa svim third-party bibliotekama i servisima. Tako na primer, možete napraviti svoju temu zasnovanu na Bootstrap-u i koristiti svu snagu Drupala. U ovom delu sajta drupalbook.org ćemo pričati o tome kako brzo i lako praviti teme iz bilo kog layout-a.

PSD layout:
https://drupalbook.org/sites/default/files/blueasy-freebie.zip

U prethodnim lekcijama već smo gledali kako se pravi tema zasnovana na nekoj drugoj Stable temi. U ovom tutorijalu pokazaćemo vam kako da napravite temu zasnovanu na Bootstrap-u, popularnom okviru za brzo pravljenje rasporeda stranica.

Mislim da već imate instaliran Drupal. Pređimo na instalaciju Bootstrap-a:

Pre nego što počnete sa razvojem na Drupalu 8, morate isključiti keširanje. Za razliku od Drupala 7, u verziji 8 se ne keširaju samo entiteti, prikazi i polja, sada se keširaju i kompajlirani twig i render šabloni. Da biste isključili ovo keširanje, potrebno je da uradite sledeće.

1. Kopirajte fajl /sites/example.settings.local.php u /sites/default/settings.local.php

Ovaj fajl već sadrži potrebna podešavanja za isključivanje keša