Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Din caseta Drupal are cinci teme. Desigur, internetul poate găsi o mulțime de teme mari pentru Drupal, dar mintea umană vrea mereu ceva special. Sau subiect nu se potrivește, sau doresc să schimbe ceea ce acel mic detaliu. Ai propriul site în Drupal, sau esti doar in procesul de creare a acesteia? Hai sa vorbim despre cum se poate infrumuseta.


Pentru a crea propriile teme sau modifica pe cele existente, au nevoie de cunoștințe de PHP, HTML si CSS (decat schimbari mari pe care doriți să facă, mai multe abilitati va fi nevoie), din păcate, nu este inclus în tema lecției, și va trebui să fie au deja cunoștințele la aceste limbi, sau de a găsi lecții în ele în altă parte, dar dacă nu sunt lipsite de spirit, este ceva pentru a vedea, și schimbare, și va fi în măsură să după ce a citit acest tutorial.


În mod implicit, Drupal este utilizat motor phptemplate (puteți găsi în folderul / temele / motoarele, deși probabil că nu aveți nevoie), el putem chin -), la fel ca în opinia mea, este cel mai simplu la exemplele vor folosi tema implicită bluemarine, și este potrivit pentru învățare (bine, pentru că am făcut-o pe baza mai multor modele -)). Să copiați directorul / teme / bluemarine. în dosarul / site-uri / toate / teme (dacă nu aveți dosar teme, apoi creați-l), și redenumiți la ceva de genul my_theme.


În interior găsim bluemarine.info fișier (redenumiți-l la my_theme.info) și 5 fișiere cu extensia .tpl.php, ele sunt exact ceea ce avem nevoie. Fiecare dintre ele oferă o hartă care este o parte a site-ului. Pentru a lucra firele sunt necesare doar 2 fișier * .info, și page.tpl.php.


Să terminăm crearea temelor noastre. My_theme.info du-te în fișier, se pare ca acest lucru:


și înlocuiți conținutul la:


După cum puteți vedea, am eliminat prea mult, si-a schimbat numele (numele), și o descriere (descriere). Acum du-te la «Administrati> clădire site-ului> Teme», pentru a alege tema noastră, și de a salva. Acum puteți experimenta în siguranță -)

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Să ne uităm la fișierul Page.tpl.php, și deci afișează pagina. Puteți împărți întregul fișier în 3 părți: capacul, recipientul de date, și pivnița, de ce un astfel de nume ridicol? Deoarece majoritatea este frică să meargă în theming, dar ceea ce e amuzant - nu înfricoșător. Să ne capac:
prima parte

aici, de asemenea, nu e mare lucru:
if ($ logo-ul) Dacă specificați un logo-ul, logo-ul de imprimare.
în cazul în care ($ SITE_NAME) Dacă specificați numele site-ului, atunci se va imprima.
în cazul în care ($ site_slogan) Dacă setați site-ul slogan, el a meritat, de asemenea, să fie imprimate.
Un pic de cunoștințe de limba engleză, și un pic de ingeniozitate și totul se încadrează în loc.
if (isset ($ secondary_links)) Dacă există secondary_links de imprimare meniu.
if (isset ($ primary_links)) Același lucru este valabil și în ceea ce privește primary_links.
Deducem caseta de căutare.
Și acest lucru este destul de interesant, obținem zona de antet, și tot ce suntem blocați în ea.
Cu o pălărie cum ar fi înțeles, vom trece pe la magazia de date, sau cum este numit nativi vorbitori de limba engleză - conținut (în adevăr am avut eu numesc atât de des):

date Receptacle poate fi împărțit în trei părți, o coloana din stânga, o coloana din dreapta, și că la mijloc.

în cazul în care ($ stânga) Dacă ceva este (blocuri) în regiunea din stânga,
Scoate regiunea din stânga este toată coloana din stânga.


Mutați în centru
în cazul în care (misiune $) În cazul în care administratorul a introdus „misiune“ site-ul, imprima.
Deducem „pesmet“ (ele arata ca această clădire «Acasă» Administrati »Site-ul», și sunt în partea de sus a paginii)
Titlul paginii.
Tab-uri (dacă nu aveți unul)
if (show_messages $) Mesaje de sistem afișaje.
Ajutorul. Practic, acesta poate fi găsit în zona de administrare.
Conținutul regiunii.
Icon RSS.
if ($ dreapta) În cazul în care drepturile regiunilor care au (blocuri), atunci
Reguli de regiune inferență.

Asta e tot un depozit de date -) Du-te la pivniță (aceasta este, de asemenea, numit subsol sau subsol):

Display-ul de sistem în partea de jos a paginii.
Deducem regiunea de subsol.
Pagina terminat.

Asta e tot page.tpl.php, după cum se poate vedea nimic complicat, altele phptemplate teme ale motorului pot fi mai mari și mai grele, dar a creat după chipul și asemănarea acestei. Puteți face modificările necesare ale codului, și sunt sigur că pentru a actualiza pagina după afișată. De exemplu, ștergeți linia , și du-te la panoul de administrare

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

pesmet au dispărut, iar acum revenirea locului, și îi voi adăuga:

pesmet

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Un spațiu imens de acțiune, deși, desigur, toate marile date de cartografiere a datelor și locațiile lor sunt stocate în fișierul style.css.
Puteți utiliza page.tpl.php fișier în încă alte variabile, pentru a ști care variabilele care sunt în stoc, puteți adăuga cod

de exemplu după linia


Variabilele vor fi mult, nu vă faceți griji, lista de variabile pot fi găsite aici.

Nu-ți fie teamă să schimbe ceva, și vei reuși -)

Să ne întoarcem la fișierul Node.tpl.php. pe acest blog au avut loc schimbări în principal în acest fișier.

În acest subiect, este destul de simplu. Una dintre cele mai interesante variabile pagina $.
if ($ pagina == 0) În cazul în care $ pagina este egal cu 1 (adevărat), atunci suntem în modul complet de afișare a materialului, dacă este 0, atunci în teaser, această linie afișează un link către materialul plin, dacă suntem în teaser-ul. În pagina de $ variabila există, de asemenea, un teaser $ variabila opusă. ceea ce este adevărat numai în teaser.

Am adăugat recent la paginile lor de pe butonul de blog pentru a adăuga articole de la o varietate de servicii. Cum acest lucru se poate face aici? Codul de adăugat este următorul

Acesta este aceeași pentru toate paginile, și va trebui să arate la fel. În opinia mea, cel mai bun loc pentru a adauga link-uri înainte de a imprima $. și nu trebuie să uităm că acestea nu ar trebui să fie afișate în teaser-ul. Codul pe care doriți să adăugați, am arata astfel:

adică, dacă nu suntem în teaser-ul, butonul de afișare.
vizualizare fișier modificat

verifica. Teaser-ul nu este:

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

și există pagina completă.

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

De asemenea, puteți afișa imagini, text personalizat, și tot ce vrei. Numai dacă afișați textul în limba română, amintiți-vă că trebuie să salvați fișierul în UTF-8, sau la ieșire în loc de litere obține fără sens.

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Primul câmp nu este tronaem, raza colțuri, iar acest lucru va merge. În al doilea dddddd de scriere, aceasta este culoarea de fundal, și el este un gri, în a treia ff3030 scrie, culoarea unității - roșu. Creați RoundedCornr apese un buton și a ajunge la a doua pagină.

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Aici ne interesează patru lucruri: cum va arăta unitatea noastră, codul HTML pe care o puteți insera în fișierul block.tpl.php, cod CSS care va trebui să fie introdus în style.css fișier și 4 imagini cu unghiuri, le vom arunca în folder / site-uri / default / fișiere.

Să începem cu CSS, copiați codul și inserați-l la sfârșitul de fișier style.css, veți avea nevoie de un pic pentru a corecta numele de fișiere cu colțuri, în original


că este, pur și simplu, am adăugat la titlul your_site / site-uri / default / files /, ceea ce ar ști browser-ul unde să caute colțuri, ar trebui să se facă în 4 locații.
Toate cod CSS
.

vă va arăta un pic diferit.

Apoi, copiați codul HTML și inserați-l în fișierul block.tpl.php. în acest caz, se introduce vechiul fișier în loc de text

ar trebui să obțineți ceva de genul asta

Codul meu nu trebuie să, pentru că aveți același nume va fi stiluri diferite. citește compara

Păstrarea 4 l-am găsit cu colțuri în dosarul / site-uri / default / fișiere și actualiza pagina. Voila:

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Așa că am luat blocuri de culoare roșie, singurul lucru pe care nu-mi place că blocurile erau roșii, iar în pivniță. În Drupal este bine că este posibil să se tema fiecare element al lui ID-ul. Dacă te uiți la codul de pagină, vom vedea că navigarea id bloc - bloc-utilizator-1. Cum este construirea acestui id? Block.tpl.php fișier poate vedea.

Mai întâi a pus bloc- la acesta se adaugă modulul nume, iar apoi identificatorul numeric, numit delta.

Hai să facem o copie fișier block.tpl.php, și numesc un bloc-utilizator-1.tpl.php. și apoi inserați-l în block.tpl.php de cod inițial

și reîncărcați pagina

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

ne-am redefinit unitate concluzie block.tpl.php, astfel încât să puteți face cu orice nod de pagină, și așa mai departe. De exemplu, dacă dorim să suprascrie nodul pagină de numărul 4, apoi a crea un fișier de pagină-nod-4.tpl.php. și fișierul nod-story.tpl.php va înlocui producția tuturor tipul de nod - poveste.
În principiu, aici - totul. Folosind o abordare similară, puteți schimba foarte mult în Drupal temă, sau dacă doriți să creați propriul dvs., cu excepția cazului în desigur vă sunt înzestrate cu talent de proiectare (spre deosebire de mine <8-D ).
În cele din urmă, să creați propria zonă. Așa cum am spus mai înainte implicit de 5, dar există situații care blochează dvs. doresc să rămânem la altceva, de exemplu, pentru a insera o casetă de căutare de lângă logo-ul (deși există un $ search_box variabilă, de exemplu, în formă și un formular de căutare). Să încercăm?
Noile regiuni trebuie să se înregistreze în fișierul * .INFO, tema ta, în acest caz, dacă vă va înregistra cel puțin 1 dvs. regiune, trebuie să specificați și 5 implicit. Act -)

Se pare că fișierul după efectuarea modificărilor. După cum puteți vedea, am intrat inițial 5 regiuni standard și apoi a adăugat său - căutare (îl puteți numi ca tine), acum să-l adăugați la o concluzie în fișierul page.tpl.php pe care doriți să adăugați linia arată


Am pus-o imediat după afișarea logo-

Desigur, imaginația ta nu deține înapoi, puteți afișa regiunile în care doriți)
Salvați și să mergeți în clădirea «Administrati» site »Blocuri», eslit făcut în mod corect, ar trebui să apară în regiunea noastră.

Drupal - Lecții nouă - Theming, pentru a face ușor site-ul!

Introduceți la o unitate de căutare, și a obține:

Aici este o astfel de groază. Dar sper sensul general, este clar.

În această lecție de peste.

articole similare