Articles

U ovom videu ćemo istražiti kako raditi sa moćnim konstruktorom obrazaca Webform. Idemo na stranicu modula. Da bismo kreirali webform-e, potrebno je da omogućimo module Webform i Webform UI. Ako želite da prikazujete webform-e kao stranice čvorova, potrebno vam je i Webform Node modul.

Prvo treba da naučimo kako da prikazujemo blokove i stranice pomoću Views. Počnimo sa stranicama. Prikazaćemo sve članke na našem sajtu.

Prikaz stranica preko Views.

Kreirajmo naš prvi view, idemo na meni Upravljanje - Struktura — Views.

Zen je najpopularnija tema-graditelj za Drupal. Ako vam je potrebno brzo napraviti responzivan dizajn za sajt zasnovan na rasporedu sa tri kolone, onda je Zen upravo ono što vam treba. Samo ga instalirate i pokrenete npm install, i Zen vam priprema osnovu za vaš dizajn. Hajde da to prođemo redom.

Preuzmite Zen roditeljsku temu sa zvaničnog sajta:

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

Od Drupala 8 možemo teme stavljati direktno u /themes folder, tako da tu stavljamo folder sa temom.

Počevši od ovog članka, bavićemo se našom temom u Drupalu. U ovom delu tutorijala analiziraćemo osnove tema u Drupalu, gde šta stoji, kako uključiti i koristiti CSS, JavaScript. Vaša tema će biti zasnovana na tematskom graditelju (theme-builder) iz kernela Stable. Ako želite da učite Drupal, Stable je odličan početak. Ne treba odmah počinjati sa Bootstrapom, jer ćete stalno imati pitanja i greške. U sledećem delu tutorijala, sa znanjem o pravljenju tema za Drupal, krenućemo na rad sa Bootstrapom.

Evo zvanične dokumentacije

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: