Crearea unei teme pentru 7 și miniatură drupal PSD
Fiecare dezvoltator de teme pentru Drupal abordare a problemei creării lor în moduri diferite. În acest caz, Emma (Emma Jane Hogbin) vorbește despre principiile sale de creare a fire. Acesta descrie minimul pe care ar trebui să fie utilizate pentru a crea un teme viabile.
crearea de teme
Creați un dosar nou (numele trebuie să înceapă cu o literă) de pe serverul cu Drupal; Site-uri subdirectorul / toate / teme
Să folosim ca un exemplu thewire numele temei dvs. (desigur, puteți apela tema după cum doriți). Adăugați la acest fișier text dosar numit thewire.info
Numele trebuie să se potrivească exact cu numele folderului. Fișierul va fi ca managerul temei dvs. - pentru a încărca fișiere CSS personalizate și de a crea un domeniu pentru fișierul pagina șablon.
Copiați configurația eșantionului în fișierul .info. Acesta ar trebui să conțină următoarele informații aici:
Notă: Zona McNulty, Kima și Rawls nu sunt folosite pe pagina de start.
Traduceți PSD la Drupal
Este timpul pentru a schimba tema de proiectare Drupal.
În această etapă, puteți exporta HTML din programul de proiectare (Photoshop prim.avt.), Sau implicit pentru a porni de la page.tpl.php fișier furnizat de Drupal.
Când creați un șablon în acest fel puteți muta rapid din fișierul de proiectare la tema Drupal, astfel încât să puteți găsi defecte în unele dintre deciziile. Acest lucru oferă o bună oportunitate de a se concentra pe restyling HTML, care oferă Drupal, în loc de a rescrie markup generat de Drupal.
Pentru a utiliza 960gs ar trebui să fie conștienți de următoarele concepte:
Pentru a crea un container pătrat de orice dimensiune ar trebui să fie utilizate
utilizează lățime până la 100%. Cu toate acestea, înălțimea va fi aceeași ca și conținutul conținute de acestea. Pentru a regla lățimea
un anumit număr de coloane, este necesar să se numească un «clasă» în div. Numele de clasă va include numărul de coloane
să fie. De exemplu:
Containerele pot avea mai multe stiluri aplicate acestora, separate printr-un spațiu. De exemplu:
Containerele pot avea, de asemenea, identificatori unici care se aplică acestora. Acest lucru este util mai ales în cazul în care aveți nevoie pentru a aplica stiluri unice doar la locația specificată. De exemplu:
Cu aceste reguli simple, și vrăji magice :), puteți crea un șablon de site folosind 960gs.
Astfel, avem acum nevoie să fie modificați fișierul page.tpl.php și începeți să adăugați clasele CSS adecvate pentru a face sa arate mai mult ca o grilă,
sau copia „șablon implicit“ fișierele din ninesixty catalog în propria temă, și apoi începe să copieze materiale, și pentru a muta în altă locație, astfel încât se pare ca rama.
Să începem prin adăugarea unui nou domeniu numit „Stringer» ( «Stringer»).
- Care va fi lățimea lonjeron?
- Cât de mult ar trebui să blocuri are un lonjeron?
- „Unic“ într-un fel oricare dintre aceste unități? Vor nevoie de un fișier șablon separat?
- Stringer - 12 coloane shirirne.
- Stringer este format din trei blocuri.
- Unul dintre aceste blocuri este de șase difuzoare. Restul - trei coloane.
Pentru a face noi site-uri regiune lonjeron / toate / teme / yourbasethemefolder.
Orice subiecte specifice ar trebui să fie descărcat de aici site-uri / domainname.com / teme / yourthemefolder.
Asigurați-vă că directorul de pe serverul de web este deschis pentru citire și editare.
Ar trebui să faci aceleași proprietăți de dosare în directorul principal Drupal pe server pentru a putea accesa fișierele subiect.
Cum arată? Destul de sumbră, nu-i așa?
Să ne rework restul interfeței
Acum, că elementele de bază ale subiectului în loc este timpul pentru a finaliza totul. Uită-te la tot ceea ce este „greșit“ și fixați-l! Uneori poate fi necesar pentru a crea un șablon fișiere personalizate, și, uneori, trebuie doar pentru a optimiza CSS.
Iată câteva link-uri care vor ajuta în special cu theming de pagini:
Uită-te la sursa de fișier modul tpl.php pentru a găsi variabilele care pot fi mutate și redimensionate.