Pregătirea pentru muncă
Deci, pentru a continua parsarea lucrării cu teza Drupal 7, avem nevoie de un șablon de site. Vom continua să lucrăm cu site-ul din partea cursului dedicat prezentărilor, puteți utiliza oricare dintre site-urile dvs., principiul muncii va fi același peste tot.
Vom conecta subiectul nostru și vom aranja blocurile create de regiunile sale:
Vom dezasambla exemplul cărții de șablon de pagină. În general, șablonul cel mai comun, cu următoarele câmpuri:
Configurați pentru ieșire după cum urmează:
Din moment ce nu am scris încă o pagină ccc, pagina va arăta astfel:
Pentru a lucra cu codul HTML, trebuie să adăugați un mic CSS pentru a aduce totul în ordine. Asigurați-vă tot ceea ce vă puteți face singuri, sunt totuși limitat la locația corectă a regiunilor site-ului:
page.tpl.php și node.tpl.php care este diferența?
Să începem prin analizarea șablonului și a ceea ce este necesar.
page.tpl.php
Așa cum am spus în lecția anterioară. page.tpl.php este folosit în Drupal pentru a afișa regiuni principale ale paginii site-ului:
Ce merită să folosiți? După crearea diferitelor șabloane pentru diferite tipuri de materiale, putem:
- Dacă este necesar, schimbați randamentul regiunilor sitului pentru diferite tipuri de materiale
- Adăugați elemente adiționale pe pagină (ieșiți crumburi de pâine peste conținut, scoateți blocuri suplimentare în cod etc.).
- Eliminați regiunile site-ului de care nu avem nevoie
- Adăugați propriile tipuri de împachetări și clase în zonele specifice domeniului
Obișnuiți-vă, în general, dacă suntem inițial mulțumiți de tot în configurația pagina.tpl.php nativ, atunci nu este nevoie să creați altele noi pentru diferite tipuri de materiale. Chiar mai mult, nu este de dorit, deoarece în cazul site-ului de reprelucrare, în viitor, un set de pagini template-uri - [numele sistem de tipul de material] .tpl.php ar putea complica serios activitatea pe site-ul.
Cum se conectează pagina - [nume de sistem al tipului dvs. de material] .tpl.php?
Spre deosebire de nodurile șablon pe care Drupal va vedea dintr-o dată, fără nici o problemă, pentru a conecta pagina - [numele sistemului de tipul de material] .tpl.php este necesar de a pre-activat prin adăugarea fayltemplate.php următorul cod:
Acum, copiați pagina noastră.tpl.php, schimbați numele fișierului copiat pe pagina noastră - [nume de sistem al tipului dvs. de material] .tpl.php. Aici puteți vedea numele sistemului:
Ca rezultat, numele noului fișier a fost page-book.tpl.php. În acesta, efectuăm ajustările necesare la fișierul standard (de exemplu, vom scoate fărâmiturile de pâine și vom elimina pagina.tpl.php standard de la acestea).
De asemenea, un punct important pentru a face ca totul să funcționeze, după ce conectați un nou tip de material de tip, trebuie să ștergeți memoria cache a site-ului. Numai atunci Drupal o va vedea. După ce șablonul nostru este conectat, modificările din acesta vor intra în vigoare instantaneu.
Deci, verificăm. Pagină a oricărui alt tip de material:
Tipul paginii tip material:
După cum puteți vedea, totul este conectat.
Cu conținutul oricărei regiuni a paginii, putem lucra prin blocurile care sunt afișate în ele, dar pentru proiectarea completă a paginii, evident, nu avem designul conținutului principal al paginii noastre.
node.tpl.php
Acest șablon corespunde conținutului următorului bloc:
Tobish, ceea ce trimitem către conținutul paginii (conținutul câmpurilor sale, etc.) ar trebui să se facă folosind node.tpl.php.
Theming pentru opiniile implicite, ca și în cazul paginii poate fi folosit pur și simplu node.tpl.php, pentru a lucra cu un anumit tip de nod utilizat materiale - [numele sistemului de tipul de material] .tpl.php model pentru cazul nostru node-- book.tpl.php.
Cum se conectează nodul - [numele sistemului tipului dvs. de material] .tpl.php?
Creați un fișier cu același nume în tema noastră, și inserați codul într-un șablon de bază, pe care o găsim în directorul rădăcină al site-ului / modulelor / nod / node.tpl.php. În final, ceva de genul:
În scopul de interes, fragmentul de cod evidențiat reprezintă, în primul rând, restul, generează ambalajele standard de tip drupal și informațiile despre sistem, puteți chiar să curățați șablonul până la starea dacă doriți:
Și apoi adăugați codul, dar depinde de dvs., mai întâi vă recomandăm să utilizați șablonul de bază.
După, ca și în cazul oricărui șablon tpl.php. goliți memoria cache astfel încât site-ul să o vadă.
Acesta va afișa întregul conținut al paginii, deoarece este trecut la pagina implicită.
Conținutul paginii temporare
Pentru a continua să lucrați în continuare, trebuie să instalați un modul Devel.
Pentru a afla ce ne-a fost transmis pe pagina înainte de a afișa conținutul (a se vedea blocul de cod selectat în captura de ecran de mai sus), adăugați funcția dpm () la care plasăm o variabilă interesantă. Această funcție va afișa totul în mesajele de sistem pe care drupal le transmite la variabila scrisă în ea.
Ca rezultat, am obținut:
Și ecranul a apărut (dacă sa întâmplat ceva ciudat, asigurați-vă că Devel este instalat.) Deoarece dpm este o funcție a acestui modul:
Aceasta este ceea ce dă Drupal pentru afișarea paginii.
Luați în considerare tehnicile de bază care pot fi necesare pentru proiectarea corectă a paginii:
Modificați ordinea câmpurilor
După cum puteți vedea, câmpurile obișnuite sunt date în aceeași ordine și cu aceleași setări ca în setările de afișare ale paginii noastre:
Prin deplasarea câmpurilor din această pagină (structura / tipurile de materiale / tipul materialului / controlul afișajului), le vom modifica rezultatele pe pagina însăși și în dpm.
Eliminați elementele inutile din ieșirea paginii
Deci, faceți dublu clic pe câmpul în care ne interesează și copiați informațiile necesare pentru a lucra:
Ei bine și se deduce de obicei
- Dacă aceasta este o valoare simplă sau
- dacă avem de-a face cu o matrice cu mai multe valori.
Crearea de ambalaje
Este adesea necesar să se adauge un recipient suplimentar, care ar include un câmp sau grup de domenii, care apoi a fost convenabil pentru toate desena, pentru această utilizare [ „#prefix“] și [ „#suffix“].
Să organizăm genul, limba și coperta cărții din partea stângă a paginii și toate celelalte câmpuri din partea dreaptă, adăugând învelitori.
La fel ca în cazul precedent, faceți dublu clic pe câmpul interesant, copiați codul și utilizați ['#prefix'] pentru a adăuga ce trebuie tipărit înaintea câmpului și ['#suffix'] după. Ca urmare, am primit:
Câteva linii de CSS și voila, elementele noastre de pagină au căzut în loc așa cum vrem:
Afișați blocul dvs. între marginile paginii
De asemenea, o sarcină foarte frecventă este necesitatea de a scoate un fel de bloc între câmpurile de pagină, de exemplu cu butoane de aprecieri și așa mai departe, care nu are nimic de-a face cu aceste câmpuri. Luați în considerare cum să faceți acest lucru în mod corect.
Să punem un bloc de sidebar cu cărți populare sub textul anunțului, în fața asteriscurilor.
Mergem la pagina blocurilor de site-uri, dați clic pe editarea blocului nostru, avem nevoie de 2 valori din linia browserului:
Primul este numele modulului care a creat acest bloc, al doilea este numele sistemului. Ele pot fi oricare, nu este important.
Acum intrăm în codul nostru și folosim funcția
Obținem blocul nostru, îl scriem într-o variabilă, adăugăm învelișul și îl scoatem acolo unde avem nevoie de ea pe pagină. În exemplul nostru, se arată astfel:
Codul utilizat pentru a scoate blocul:
Ca urmare a primit:
Dacă doriți, acest bloc poate fi eliminat din bara laterală.
- PHP utilizează o perioadă pentru a se alătura diferitelor tipuri de părți ale unei linii:
- Text simplu. pe care le facem împachetări, este citat
- Modificări ale paginii pe care o facem până la linia cu ieșire pentru a tipări variabila cu care lucrăm (în cazul nostru este vorba despre imprimarea # 40; $ conținut # 41; ; )
După cum probabil ați ghicit, nu o putem găsi în variabila conținutului $, numai conținutul paginii, informațiile de care avem nevoie sunt stocate în variabila $ node. introduceți-o în dpm () și extrageți valorile de care avem nevoie:
Și le vom afișa chiar deasupra conținutului paginii noastre, drept rezultat, codul nostru arată astfel:
Și pe pagină au apărut informațiile de care aveam nevoie:
Pe această lucrare cu șablonul node.tpl.php poate fi considerată completă.
Rezultatele muncii cu node.tpl.php
Acum, eliminați dpm () din node.tpl.php. astfel încât el să nu afișeze informații inutile acum. Tot codul paginii pe care am primit-o ca rezultat:
Rezumă
În Drupal este important să înțelegeți ce șablon și ce folosește și unde ia informațiile afișate în acest șablon. După apariția acestei înțelegeri, lucrul cu el devine foarte simplu și rapid.
În această lecție am analizat modul de afișare a codului html necesar pentru pagină, creând astfel o bază convenabilă pentru aducerea ulterioară a paginii la starea dorită cu ajutorul CSS obișnuit.
12 evaluări (în medie de 5 din 5)
Articole similare
Trimiteți-le prietenilor: