Cum de a crea o temă pentru Drupal 7

Drupal este unul dintre cele trei sisteme de management al conținutului (sau SGC) Sisteme de management al conținutului

conținut

Pași
Partea 1pregătirea
Partea 2crearea fișierelor tematice
Partea 3instalați tema și dați sfaturile finale
Sfaturi
Avertismente

) în lume, împreună cu WordPress și Joomla. Cea mai recentă versiune este cea de 7, lansată în ianuarie 2011. Drupal este personalizat prin teme, care sunt o modalitate excelentă de a spori site-urile care utilizează cadrul. Puteți configura structura și aspectul (plus unele funcționalități suplimentare) a acestor pagini. Acest articol va arăta în detaliu cum se creează o temă pentru Drupal 7. Deși poate ghida utilizatorul prin procesul de creare a "de la zero„Ar putea fi mai bine să lucreze cu o temă de bază, ca și popular Zen, Omega sau Tao. Dacă este nou pentru tine, dezvolta tema“ zero „va fi mai puțin confuz și mai mult de predare!

pași

Partea 1
Pregătirea

Imagine intitulată Efectuați o temă Drupal 7 Pasul 1

Pregătiți-vă bine să urmați pașii de mai jos. Pentru a urma și a completa tutorialul, trebuie să înțelegeți următoarele concepte de bază:

Scopul site-urilor web
HMTL și CSS: modul în care aceste limbi sunt folosite pentru crearea site-urilor Web
PHP: Ce este și cum este folosit pentru a îmbunătăți performanța
SGC: ce sunt și cum sunt folosite pentru a crea site-uri web
Drupal: cum să-l utilizați pentru a configura un simplu site web
Nu fi speriat de listă. Cu o cantitate potrivită de entuziasm, puteți afla ce aveți nevoie în timp ce urmați sfaturile tutorialului.

Imagine intitulată Efectuați o temă Drupal 7 Pasul 2

Configurați un mediu de dezvoltare. Pentru a dezvolta o temă rapid și ușor (fără probleme de conexiune la Internet), configurați un mediu de dezvoltare (un editor de cod și un server de testare) pe computer. Cea mai comună metodă de a face acest lucru este de a instala pachetul WAMP / LAMP / MAMP ( „W“ pentru Windows, „L“ pentru Linux și „M“ pentru Mac) - în cazul în care „A“ înseamnă Apache, serverul, M înseamnă MySQL , baza de date și P reprezintă PHP, limba serverului - și descărcați un editor open source.

Creați site-ul Web. Începeți prin desenarea schemă din pagina de pornire a site-ului folosind un creion și o foaie de hârtie goală - nu vă fie teamă să faceți greșeli sau să faceți modificări. Desenați toate componentele de bază ale paginii, inclusiv antetul, meniul de navigare (care poate fi sub antet sau într-o bară laterală), corpul (care va fi conținutul) și subsol. Puteți crea chiar și alte zone pe hârtie. Când sunteți mulțumit de design, creați-l într-un program care vă permite să dezvoltați pagini precum Adobe Photoshop sau Adobe Fireworks. Apoi se adaugă toate elementele vizuale planejados- cred că în culori și contraste de lumină și întuneric, în tipografie și modul în care aceasta contribuie la experiența utilizatorului, aspectul și spațiile goale (amintiți-vă să se gândească la spațiile albe!) și modul în care va fi distribuit conținutul. Dezvoltați site-ul folosind HTML și CSS. La fel ca în pasul anterior, este mai eficient să creați numai părți dintr-un site care să aibă layout-uri unice, cum ar fi paginile de acasă sau de contact. Faceți-o simplă și, ori de câte ori este posibil, utilizați convenții și strategii moderne (cum ar fi HTML5 și CSS3). În acest moment, nu adăugați limbaj server-side (cum ar fi PHP) și de a folosi o parte din limbajul clientului (cum ar fi jаvascript) să nu intervină în codul Drupal- acestea pot fi adăugate mai târziu.

Imagine intitulată Efectuați o temă Drupal 7 5

Configurați Drupal pentru a începe dezvoltarea temei. Descărcați Drupal și să mutați toate fișierele serverului care vor fi folosite la crearea temei (se recomandă utilizarea serverului dvs. de testare sau a unui server online). Puneți fișierele descărcate în dosar rădăcină (dacă utilizați un server de testare) www sau localhost). Cu browserul de internet, navigați la dosarul rădăcină (cum ar fi http: // www /) și urmați procesul de instalare. Apoi instalați modulele care vor fi folosite pentru a dezvolta tema.

Imaginea intitulă Efectuați o temă Drupal 7 6

Înțelegeți structura paginii Drupal și transformați paginile statice în formatul corespunzător.

Paginile HTML se numesc "statice" - adică nu sunt menite să găzduiască conținut dinamic și sunt construite cu tag-uri bloc, cum ar fi "divs" (și "heaver", "subsol" etc. în HTML5). Site-urile Drupal sunt un amestec de pagini statice (HMTL) și dinamice, care conțin conținut care se schimbă frecvent. În Drupal, aceste părți dinamice sunt numite "regiuni"Bara laterală este un exemplu al unei regiuni în care puteți introduce legături de navigare, bare de căutare, butoane de rețele sociale și altele. Vedeți diagrama de mai jos pentru a obține o idee vizuală:
Elementele plasate în regiunile Drupal sunt numite "blocuri"Barurile și meniurile de căutare, de exemplu, sunt blocuri comune. Pentru a insera, rearanja sau a elimina regiuni, mergeți la structură > blocuri din Drupal. Multe dintre ele provin din module instalate, dar puteți crea și blocuri proprii (pe pagina cu același nume).
Conținutul fiecărei pagini web (corpul de text, antete, imagini și altele) este de asemenea situate într-o regiune: așa-numitul „conținut“ este necesar pentru a stoca toate temele Drupal. Ce este postat pe site (indiferent dacă este vorba de un blog sau de un alt articol personalizat) primește numele "nod"și rămâne pe bloc Conținutul paginii principale. Pe scurt: ce se află pe pagină Despre noi, de exemplu, este salvat într-un "nod" (de tipul "pagină", desigur) și rămâne în bloc Conținutul paginii principale, care, la rândul său, se află în regiune Despre noi.
Uneori se întâmplă să găsiți mai multe "noduri" pe o pagină din bloc Conținutul paginii principale, cum ar fi prima pagină a site-ului, care de obicei prezintă cele mai recente articole (sau postări pe blog).
Tema va controla regiunile, dar nu și administratorii site-ului. În calitate de dezvoltator, va trebui să îi spuneți lui Drupal regiunile din tema dvs., precum și să le menționați în fișiere numite "șabloane" (discutate în secțiunea următoare).

Partea 2
Crearea fișierelor tematice

Imagine intitulată Efectuați o temă Drupal 7 7

Configurați dosarul tematic. În acesta, creați un fișier ".info" (care vă va oferi informații despre scopul temei și modul în care va fi utilizat) și listați detaliile conținute în aceasta. Adăugați, de asemenea, o "capturi de ecran". și un dosar "CSS".

Creați fișierele "șablon". Drupal folosește funcția "șablon"(ale căror nume se termină în .tpl.php, adică" șablon PHP ") pentru a structura aspectul final al fiecărei pagini.

1
- Iată câteva șabloane comune Drupal: html.tpl.php, page.tpl.php, block.tpl.php și node.tpl.php.
- Fiecare pagină generată de Drupal ("Home", de exemplu) va folosi "șabloanele" html și pagină o singură dată și fișierele regiune, bloc și nod cel puțin o dată.
- Aceste fișiere conțin variabile HTML, PHP și PHP. Iată un exemplu de variabile tipărite: , care se află în interiorul fișierului node.tpl.php. Această variabilă de conținut stochează toate textele introduse de utilizator în câmpul "Corp" al unei pagini de bază atunci când se conectează la Drupal. Funcția "render ()" asigură numai rezultatul generat de variabila conținut să fie construit cu etichetele HTML corespunzătoare.
- Pentru a vedea toate variabilele disponibile într-un fișier "șablon", căutați ".tpl.php" la Drupal.org. Dacă doriți să vedeți conținutul comun al unuia dintre aceste șabloane, consultați fișierele din directorul tematic de bază Drupal: drupal > paste făinoase tematică (nu dosarul drupal > Site-uri > toate > tematică).

Introduceți funcțiile procesului și pre-procesare. Ele permit dezvoltatorului să modifice orice variabilă a șablonului disponibil - astfel încât să poată afișa rezultate diferite când sunt tipărite pe fișierele de tip. Diferența dintre funcțiile procesului și pre-procesare este că toate acestea sunt numite (într-o ordine specifică, stabilită de Drupal) înainte de cele - în alte privințe, ambele sunt identice.

1
- Toate aceste funcții proces și pre-proces sunt scrise în template.php (atenție: acest fișier nu este ".tpl.php"). Numele celor adăugate la tema dvs. vor începe cu denumirea tematică, cum ar fi meutema_process_node (). Pentru ao numi, tastați un nume "de la zero" sau copiați-l dintr-o altă temă (și modificați-o).
- Iată un exemplu de utilizare a unei funcții de preprocesor pentru a modifica o variabilă: atașați o etichetă
  sfârșitul și începutul variabilei $ variables [`content`] în cadrul unei funcții meutema_process_node ().
- Pentru a afla mai multe despre funcțiile de proces și pre-proces și despre ordinea lor de utilizare, vizitați această pagină de la Drupal.org.

Partea 3
Instalați tema și dați sfaturile finale

1
Instalați tema în Drupal, configurați modulele "Vizionări" și adăugați nodurile și regiunile necesare.

Instalați module suplimentare care ar putea fi utile pentru a îmbunătăți aspectul, securitatea și funcționalitatea temei. Iată o listă de module interesante pentru multe site-uri din Drupal, compilate de Steve Floyd în acest articol (în engleză):

1
- Vizualizări: sunt esențiale și permit dezvoltatorilor să configureze și să afișeze orice conținut al site-ului într-o formă de pagină sau bloc. Ele sunt chiar mai utile în crearea de pagini de pornire dinamice.
- Afișează diapozitivul
- pathauto
- Mollom
- Google Analytics
- WYSIWYG
- XMLsitemap
- Backup și migrați
- banc de lucru
- mass-media
- Drupal Commerce
2
Adăugați conținut la temă și închideți site-ul web.

sfaturi

Când începeți procesul, aveți deja o idee clară despre scopul site-ului, cum ar trebui să comunice cu publicul și cum ar trebui să arate aspectul.
Nu încercați să creați ceva perfect pe prima încercare - finalizarea dezvoltării pentru prima dată vă va motiva deja să vă perfecționați tehnicile în viitor.
Fiecare întrebare are un răspuns: căutați pe internet pentru ajutor și rezolvați orice problemă cu Drupal sau temele sale.
Profitați de Drupal! Când înțelegeți puterea cadrului, veți vedea că este un instrument valoros pentru construirea unor site-uri excelente - și că temele în curs de dezvoltare pot fi recompensatoare.

avertismente

Deși Drupal (la fel ca celelalte instrumente menționate în acest articol) poate fi folosit în portugheză, este mai frecventă găsirea de versiuni în limba engleză a cadrului pe internet. Urmăriți diferențele.