DifiTsi.com

Creați o temă Drupal 7

Drupal este alături de WordPress și Joomla unul dintre cele trei sisteme de cele mai utilizate pe scară largă de gestionare a conținutului (CMS) din lume, cu Drupal 7 (vin în ianuarie 2011) cea mai recentă versiune de Drupal. Drupal este personalizat cu teme care sunt o modalitate puternica de a imbunatati un site web alimentat de Drupal prin setarea structurii si a aspectului (si a altor functionalitati) ale paginii. Acest articol arată cum să creați o temă Drupal 7 de la început până la sfârșit.

Rețineți că este deseori mai bine să vă începeți munca cu o temă simplă, de ex. temele populare ale lui Zen, Omega sau Tao, chiar dacă acest articol vă conduce de la zero creând o temă. Când începeți prima dată, crearea unei teme de la zero este mai puțin confuză pentru dvs. și veți afla mai multe!

metodă

Partea 1
preparare

Imaginea intitulă Efectuați o temă Drupal 7 Pasul 1
1
Asigurați-vă că sunteți gata să faceți față pașilor. Pentru a urma și a completa tutorialul în mod eficient, ar trebui să înțelegeți elementele de bază:
  • Scopul site-urilor web
  • HTML și CSS: Cum sunt folosite pentru a crea site-uri web
  • PHP: Ce este și cum este folosit pentru îmbunătățire
  • CMS: Ce sunt și cum sunt folosite pentru a opera site-uri Web
  • Drupal: Cum să configurați un site web simplu cu acesta
  • Nu vă lăsați amânați de această listă. Cu suficient entuziasm, puteți afla ce aveți nevoie în timp ce lucrați prin acest tutorial
  • Imaginea intitulă Efectuați un Drupal 7 Tema 2
    2
    Configurați un mediu de dezvoltare. Pentru a crea rapid o temă (fără probleme de conectare la Internet), trebuie să configurați un mediu de dezvoltare (un editor de cod și un server de testare) pe computer. Cea mai obișnuită abordare este instalarea unui server WAMP / LAMP / MAMP (W: Windows-L: Linux-M: Mac, A: Apache, software-ul server M: MySQL, PHP, scriptul de pe server) și descărcarea unui editor open source code.

    • Proiectați site-ul. Începeți prin a schița aspectul paginii de pornire a site-ului dvs. web. Preferabil cu un creion pe o foaie de hârtie curată. Trebuie să te simți liber să faci greșeli și să faci schimbări. Desenați toate părțile unui site web simplu, inclusiv antetul, meniul de navigare (care poate fi ușor sub antet sau într-o bară laterală), partea reală a paginii pentru conținutul (corp) și subsol. Este posibil să aveți și alte domenii în proiectarea dvs. Dacă sunteți mulțumit de designul dvs., schițați designul prezentat într-un program grafic în care puteți proiecta pagini web, de ex. Adobe Photoshop sau chiar mai bine, Adobe Fireworks. Se pune atunci sigur că hinzufügst- cred că toate celelalte elemente vizibile pe culorile și contrastele de lumină-întuneric la fonturile și modul în care acestea contribuie la experiența utilizatorului, aspectul și locurile de muncă vacante (spațiu alb este important!) Și cum se potrivește conținutul. Dezvoltați site-ul Web HTML și CSS. Ca și în etapa de proiectare, este probabil cel mai eficient să creați numai paginile web ale paginii care au un aspect unic, de ex. pagina de start și de contact. Păstrați aspectul cât mai simplu posibil și utilizați practici și convenții moderne ori de câte ori este posibil (cum ar fi HTML5 și CSS3). Nu adăugați script-uri de la server (cum ar fi PHP) și păstrați la un nivel minim scriptarea de pe partea clientului (cum ar fi jаvascript), pentru a nu interfera cu codul Drupal - acesta poate fi adăugat mai târziu.

    Imaginea intitulă Efectuați o temă Drupal 7 5
    1
    Puneți-o pe Drupal pentru a începe tema. sertar Jos Drupal și mutați fișierele pe serverul pe care îl utilizați pentru a vă dezvolta tema (serverul dvs. de testare - recomandat - sau un server online). Plasați fișierele descărcate în directorul rădăcină (dacă aveți un server de testare, acesta este folderul www sau localhost). Navigați la dosarul rădăcină cu un browser (de ex. http: // www /) și urmați procesul de instalare. Ar trebui să instalați apoi toate modulele care sunt utile pentru dezvoltarea temei.
  • Imaginea intitulă Efectuați o temă Drupal 7 6
    2
    Înțelegeți structura site-ului Drupal și convertiți paginile statice la acestea.
  • pagini web HTML sunt cunoscute ca „static“ cunoscut - acest lucru înseamnă că ele nu vor fi dezvoltate, astfel încât acestea au un conținut care se schimbă în mod regulat - și (cu etichete de bloc, cum ar fi „div“ și „antetul“, „subsol“ etc. în HTML5). Paginile web Drupal reprezintă o combinație de elemente statice (HTML) și dinamice care conțin conținut care se preconizează că se va schimba în mod regulat. Aceste părți dinamice sunt în Drupal as regiuni (regiuni), respectiv. Un exemplu al unei regiuni, etc. Priviți graficul de mai jos pentru o reprezentare vizuală a unei Sidebar în care s-ar putea dori să adăugați link-uri pentru navigare, o casetă de căutare, butoane de social media.
  • Lucrurile pe care le puteți pune în regiuni vor fi în Drupal blocuri Chemat (blocuri). Un câmp de căutare sau un meniu sunt de ex. blocuri utilizate frecvent. Puteți pune blocuri în regiuni, le puteți rearanja și puteți elimina blocuri din regiuni atunci când vă aflați în Drupal pe pagină structură > blocuri de logare. Multe dintre blocurile disponibile într-un site tipic Drupal sunt furnizate de modulele instalate, dar puteți crea propriile blocuri pe pagina Blocuri.
  • Conținutul fiecărei pagini web (corp, titluri, imagini etc.) este de asemenea plasat într-o regiune: regiunea "conținut", care este necesară pentru toate temele Drupal. Conținutul fiecărei pagini Web (sau post de blog sau tip de conținut individual) va fi nod Chemat (nod) și va fi în bloc Conținutul paginii principale (Pagina principală a conținutului) ambalată. Cu alte cuvinte, conținutul este stocat „Despre noi“, pagina în nodul (tipul de nod este, desigur, „pagina“ (pagina), și se află în bloc „pagina de conținut“ de ieșire, care este stabilit în regiunea „Conținut“.
  • Rețineți că pagina de pornire a conținutului afișează uneori mai multe noduri dintr-o pagină web. Un exemplu este pagina de start, care implicit afișează câteva dintre cele mai actualizate articole de pe site (postări de blog).
  • Tema dvs. controlează regiunile, dar nu ceea ce administrează site-ul web. În calitate de dezvoltator al temei, trebuie să-i spuneți Drupal care regiuni are tema dvs. și înregistrați-le în fișierele "Șabloane" - acestea sunt acoperite în secțiunea următoare.

    • Partea 2
    Creați fișierele pentru temă



    Imaginea intitulă Efectuați o temă Drupal 7 7
    1
    Configurați dosarul tematic. Creați în acest dosar un fișier .info care conține scopul temei și informații despre modul în care este utilizată. Arătați ce vine. Inserați un dosar .screenshots și CSS în dosar.

    Creați fișiere șablon. șablon-Fișierele din Drupal (a căror extensie de fișier este .tpl.php, ceea ce înseamnă "șablon PHP") sunt folosite de Drupal pentru a structura rezultatele paginilor web.

    1. 1
    2. Unele dintre șabloanele Drupal utilizate în mod obișnuit sunt: html.tpl.php, page.tpl.php, block.tpl.php și node.tpl.php.
    3. Orice site web pe care Drupal îl emite (cum ar fi pagina de pornire) o va folosi o singură dată html-Șablon, o dată pagină-Șablon și cel puțin o dată pe fiecare șablon regiune, bloc și nod.
    4. Aceste fișiere șablon conțin variabile HTML, PHP și tipărite în cadrul scriptului PHP. Un exemplu o variabilă tipărită în fișier node.tpl.php. Această variabilă conținut stochează tot textul introdus de utilizator în câmpul "corp" al unei pagini web simple când este conectat la Drupal. Funcția render () asigură pur și simplu că ieșirea variabilei "content" este înfășurată cu etichetele HTML corespunzătoare.
    5. Pentru a vedea toate variabilele disponibile într-un fișier de șablon, căutați fișierul standard ".tpl.php" al Drupal de pe Drupal.org. Dacă doriți să vedeți conținutul obișnuit al uneia dintre aceste trei șabloane, puteți găsi fișierele șablon din directorul tematic Core Drupal din folder drupal > tematică ceas (nu drupal > Site-uri > toate > tematică).

    Includeți funcții pentru procesare și preprocesare. Cu aceste funcții, dezvoltatorul temelor poate edita toate variabilele disponibile într-un șablon, astfel încât acestea să ofere o ieșire diferită atunci când sunt imprimate în fișierul șablon. Diferența dintre funcțiile de procesare și preprocesare este pur și simplu faptul că toate funcțiile de preprocesare sunt apelate înainte de funcțiile de procesare (într-o anumită ordine specificată de Drupal), altfel ele sunt aceleași.

    1. 1
    2. Aceste funcții sunt toate în fișier template.php (rețineți că acest lucru nu fișierul ".tpl.php" este). Numele tuturor funcțiilor de procesare și preprocesare pe care le adăugați la tema dvs. începe cu numele temei, de ex. mytheme_process_node (). Pentru a adăuga una la tema dvs., puteți să o scrieți fie de la zero, fie să o copiați și să o editați dintr-o altă temă.
    3. Un exemplu de utilizare a unei funcții de preprocesare pentru a schimba o variabilă este începutul și sfârșitul variabilei $ Variabile [ `conținut`] în funcție meintheme_preprocess_node () pentru a adăuga o zi de deschidere și de închidere.
    4. Puteți să faceți parte Caracteristica Drupal 7 Temă pe Drupal.org Citiți mai multe despre caracteristicile de procesare și preprocesare și despre ordinea în care sunt numite.

    Partea 3
    Instalați tema și atingerile finale

    Imaginea intitulă Efectuați un pas Drupal 7 Tema 10
    1
    Instalați tema în Drupal, configurați vizualizările necesare și lipiți în nodurile și regiunile necesare.

    Instalați alte module utile care îmbunătățesc aspectul, siguranța și funcționalitatea. Următoarea listă de module este foarte utilă pentru majoritatea site-urilor Drupal. Ea a fost prezentată de Steve Floyd în articolul său Top 25 module Drupal a scris:

    1. 1
    2. Vizualizări (vizualizări). Dezvoltatori importanți pentru tema: Cu opțiuni de vizualizare, puteți crea aproape tot conținutul de pe site-ul dvs. și îl puteți prezenta ca pagină sau bloc. Este deosebit de util pentru crearea unei pagini de pornire dinamice.
    3. Afișează diapozitivul
    4. Pathauto
    5. Mollom
    6. Google Analytics
    7. WYSIWYG
    8. XMLsitemap
    9. Backup și migrați
    10. banc de lucru
    11. mass-media
    12. Drupal Commerce
    13. Imaginea intitulă Efectuați un pas Drupal 7 tematic 12
      2
      Adăugați conținutul paginii web pentru ao completa.

    Sfaturi

    • Începeți cu o idee clară despre scopul site-ului, cum să comunicați cu vizitatorii și cum să arătați.
    • Nu încercați să le perfecționați prima dată - pur și simplu terminând lucrarea, prima dată vă ajută să vă motiveze să vă faceți mai bună data viitoare.
    • Există un răspuns la aproape orice întrebare: căutarea pe web vă poate ajuta cu aproape orice problemă întâlnită cu Drupal și crearea de teme.
    • Distrează-te! Când înțelegeți cât de puternic este Drupal, înțelegeți cât de important este să creați site-uri grozave cu acesta - și cât de recompensă ar putea fi crearea de teme.
    Distribuiți pe rețelele sociale:

    înrudit