U prethodnim lekcijama upoznali smo se sa hook-ovima hook_block_info(), hook_block_view(), hook_menu(), hook_permission() i sada možemo programski kreirati koliko god želimo stranica i blokova. U ovoj lekciji upoznaćemo se sa Form API Drupal 7 za kreiranje formi. Napravićemo formu za administraciju funkcija modula i pokušati koristiti što više poznatih hook-ova kako bismo učvrstili znanja.

Za početak ćemo prikazati 3 bloka, mislim da vam to neće biti teško.

Iz prva dva dela Drupal priručnika sa drupalbook.org ste naučili kako instalirati sajt, dodavati tipove sadržaja, kreirati materijale različitih tipova sadržaja i kako prikazivati te materijale putem Views. U narednim delovima ste mogli naučiti o HTML/CSS. Sada je vreme da pričamo o tome kako promeniti izgled tih materijala pomoću CSS-a.

Zdravo svima!

Nadam se da ste već pogledali kratki uvod u HTML i CSS. Sada ste spremni da pravite Drupal teme zasnovane na PSD maketama. Ispod su linkovi ka "priručnicima" za HTML i CSS:

HTML

CSS

Naredni video zapisi na prvi pogled mogu biti teški za razumevanje, ali ćemo ih u narednim lekcijama detaljno razraditi, tako da ne brinite ako nešto ne bude jasno. Vratite se na ovaj članak i koristite ga kao referentni materijal.

Ako ste odlučili da ne koristite već gotovu temu za Drupal, već da napravite svoju ili da prenesete šablon sa Wordpress-a ili Joomla-e, moraćete da pišete temu od nule. Ali za to već postoje gotovi okviri za vaše teme.

Zen - http://drupal.org/project/zen

Odakle početi?

Hura! Otvorili ste pravi fajl kao prvi korak. Prvo što ljudi primećuju kada preuzmu Zen temu jeste da ovde ima mnogo više fajlova nego u drugim temama.

Ne brinite! Ne morate odmah sve znati da biste napravili Drupal temu.

Zen će vam dati ono što niste znali i strpljivo će čekati dok ne proučite dokumentaciju i komentare o njoj.

U ovoj lekciji ćemo praviti glavnu stranicu sajta, izvornike prilažem ispod, demo će biti dostupan čim završim seriju lekcija o temizaciji.

U ovoj lekciji pokazujem kako napraviti slideshow pomoću modula Views slideshow. Dodaćemo nekoliko slajdova i prilagoditi ih izgledu sa makete.

U ovoj lekciji ćemo:

• završiti pravljenje glavne stranice,
• napraviti šablon za glavnu stranicu,
• dodeliti glavnu stranicu,
• dodaćemo i temizirati dodatne blokove.

Pitanje: Dobro veče. Vanja, gledao sam tvoj čas o temizaciji glavne stranice. Tamo uklanjaš iz šablona H1 tag da se ne prikazuje naslov noda. Uradio sam isto, ali iz nekog razloga naslov je ostao. Da li treba negde još nešto? Ili treba u CSS postaviti display: none?

U ovoj lekciji ćemo napraviti na sajtu stranicu Vesti, prikazaćemo Blog i kontakt formu. Za blog koristimo standardni modul blog, samo ćemo dodati sliku uz svaki unos u blogu. A u vestima, pored jedne slike, imaćemo i malu foto-galeriju. Na stranici kontakata ubacićemo Yandex mapu i kontakt formu.

Radićemo na prikazu ovih stranica, a njihovu temizaciju ćemo obaviti u sledećoj lekciji.

U ovoj lekciji ćemo srediti naš blog, vesti i kontakt formu. Dodaćemo malo CSS koda i koristićemo CSS3 generator koda.