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.

U ovoj lekciji ćemo temizirati node-ove, ali prvo je potrebno napraviti prikaz portfolija i zaposlenih.

U ovoj lekciji nastavljamo da temiziramo Drupal, a ovaj put temiziramo polja. Nakon ove lekcije temiziraćemo prikaz Views.

Da biste temizirali polje, potrebno je da kopirate fajl modules/field/theme/field.tpl.php u folder templates vaše teme i date mu novo ime u skladu sa jednim od sledećih šablona: