Desigur, înainte de a crea o temă pentru WordPress, poți încerca să le înțelegi pe cele gata făcute (așa am făcut). Dar adevărul este că uneori sunt atât de multe lucruri înghesuite în ele încât nu este întotdeauna ușor.

Baza oricărei teme sunt fișierele style.css și index.php

Mai întâi, creați un folder în /wp-content/themes - aceasta va fi tema viitoare, de exemplu, am creat misha123. Fiecare temă trebuie să conțină cel puțin 2 fișiere - index.php și style.css - creați-le în acest folder.

Dacă ați marcat pe style.css , atunci în panoul de administrare Aspect> Teme asteptati o eroare de genul asta:

Dacă ai marcat pe index.php:

Aici WordPress încă vorbește ceva despre temele pentru copii, nu fiți atenți, voi.

Până nu l-am studiat încă, index.php va fi responsabil pentru ieșirea oricărei pagini de pe site, iar style.css, desigur, va conține stiluri (deși acest lucru nu este necesar), dar principalul lucru este că în style.css ați adăugat metadate și descrierea subiectului.

Numele temei Numele temei, am dreptate?

Versiune Versiunea actuală a temei dvs. Descriere Nu știu ce înseamnă acest parametru Autor Aici vă puteți indica pe dvs. și acele persoane care v-au ajutat Autor URI URL-ul către site-ul web al autorului, vă va permite să transformați numele autorului într-un link în Licență de administrare WordPress Dacă creați pentru WordPress, vă recomand să citiți puțin despre URI-ul licenței GPL Și acest parametru specifică un link către pagina cu licența Text Domain Ceva legat de traducerea subiectului în alte limbi, cred că nu vom avea nevoie acum, dar mai târziu recomand să citești despre el.

Etichete Dacă această temă devine viitorul tău site web sau site-ul clientului tău, cel mai probabil poți sări peste acest parametru, dar dacă ulterior vei publica tema ta în depozitul oficial WordPress, atunci acordă-i o atenție deosebită. Nu, nu trebuie să aruncați tot ce vă vine în minte aici, lista de etichete acceptate poate fi găsită pe site-ul oficial.

De fapt, niciunul dintre acești parametri nu este necesar! Și așa totul va merge. De exemplu ca aici:

Nu exclud ca această opțiune să se potrivească cuiva, dar nu și mie. Acum voi copia codul anterior la începutul stilului temei.css și asta este ceea ce voi obține:

Setarea imaginii temei

De acord, în comparație cu alte teme, a noastră arată destul de plictisitoare din cauza lipsei unei imagini! Pătratele pâlpâie și la derulare 😭

Pentru a remedia acest lucru, pur și simplu creăm un fișier screenshot.png și îl trimitem direct în folderul cu teme (rezoluție recomandată 1200px pe 900px).

În ceea ce privește extensia fișierului, jpg, gif și jpeg vor fi potrivite, dar codul WP oficial recomandă utilizarea screenshot.png.

Iată un alt lucru:

În acest exemplu, am luat în mod special o imagine pătrată în format jpg și este afișată destul de bine pe pagina cu toate subiectele, dar dacă deschideți informații despre subiect în fereastra pop-up, va fi trist. Imaginea va fi întinsă și va fi de proastă calitate.

Deși nu este obligatoriu, de fapt fișierul principal al temei este functions.php

Este greu de imaginat o temă pentru WordPress care nu are un fișier functions.php este folosit pentru a include funcții ale temei, de exemplu, ea însăși poate conține unele funcționalități suplimentare sau fișiere incluse în ea prin include() / require (; ).

După cum puteți vedea, am specificat pur și simplu codificarea, am inserat foaia de stil, deși nu tocmai corect și am scris „Bună lume!” în corpul documentului.

Nu îl poți numi un site dinamic, dar trebuie să începi de undeva. După cum am spus deja, pe în această etapă acest fișier se va deschide pe toate paginile site-ului dvs.

Și încă un lucru, pentru a ajuta WordPress să interacționeze cu tema dvs., ar trebui să adăugați înainte de eticheta de închidere funcția și înainte de eticheta de închidere

funcție, va arăta cam așa:

Când creez o temă, cea mai plăcută parte pentru mine este să împart aspectul în antetul site-ului, subsolul și orice altceva, după care codul antetului este trimis în fișierul header.php și ulterior este conectat cu funcția, site-ul codul de subsol este trimis la fișierul de subsol .php și ulterior este conectat de . Să începem.

header.php

Încercăm să includem în antet ceea ce se repetă pe toate paginile site-ului, sau aproape toate.

Temele WordPress sunt alcătuite din fișiere și stiluri care definesc împreună aspectul și senzația site-ului. Ele pot fi foarte diferite unele de altele, permițând utilizatorilor să schimbe rapid designul site-ului web. Dar de ce ai putea avea nevoie de propria temă?

• Pentru a vă crea propriul design unic de site web.
• Pentru a utiliza și pentru a afișa diferite stiluri de conținut și de pagină.
• Pentru a crea șabloane alternative pentru secțiuni speciale ale site-ului, cum ar fi paginile de categorii și rezultatele interogărilor de căutare.
• Pentru a comuta rapid între două aspecte ale site-ului sau pentru a permite utilizatorilor să schimbe aspectul site-ului dvs.
• Pentru a vă face tema publică și pentru a le permite altora să se bucure de designul dvs.

O temă WordPress oferă, de asemenea, unele beneficii.

• Separă stilurile de prezentare de fișierele de sistem, permițând să se facă actualizări fără modificări majore ale aspectului site-ului.
• Vă permite să personalizați opțiunile de ieșire specifice temei.
• Cu el puteți schimba rapid aspectul unui site WordPress.
• Datorită acestuia, nu este nevoie ca utilizatorul să învețe CSS, HTML și PHP pentru a-și face site-ul atractiv.

Dar de ce ar trebui să-ți creezi propria temă? Aceasta este întrebarea principală.

• Aceasta este o oportunitate de a afla mai multe despre CSS, HTML/XHTML și PHP.
• Aceasta este o oportunitate de a vă demonstra abilitățile în CSS, HTML/XHTML și PHP.
• Aceasta este o oportunitate de a crea.
• Este distractiv (în cea mai mare parte).
• Dacă ți-ai făcut tema publică, vei avea satisfacția de a distribui și de a oferi ceva înapoi comunității WordPress (te poți lăuda!)

Standarde de creare a temei

Când codificați teme WordPress, respectați următoarele standarde:

• Utilizați cod PHP structurat corect, fără erori și cod HTML valid (vezi).
• Utilizați cod CSS valid compus corect (vezi).
• Urmați recomandările pentru.

Subiecte de anatomie

Temele WordPress se află în subdirectorul wp-content/themes/. Directorul de teme conține foi de stil, un fișier de funcționalitate suplimentar (functions.php) și imagini. De exemplu, o temă numită „test” ar fi probabil localizată în directorul wp-content/themes/test/.

În mod implicit, WordPress vine cu trei teme create de echipa de dezvoltare Wordpress: „Twenty Fifteen”, „Twenty Sixteen” și „Twenty Seventeen”. Aceste teme diferă unele de altele și folosesc caracteristici și etichete diferite pentru a crea aspectul paginilor site-ului. Aruncați o privire mai atentă la fișierele lor componente pentru a înțelege mai bine cum să vă creați propria temă.

O temă WordPress constă din trei tipuri principale de fișiere, pe lângă imagini. Prima este o foaie de stil numită style.css, care controlează aspectul paginilor site-ului. Al doilea oferă un fișier de funcționalitate suplimentar (functions.php). Fișierele rămase sunt fișiere șablon care definesc modul în care informațiile din baza de date sunt afișate pe pagina web. Să ne uităm la fiecare tip separat.

Foaie de stil temă

Pe lângă foaia de stil reală a temei dvs., fișierul style.css Neapărat ar trebui să conțină informații despre subiectul dvs. sub formă de comentarii. Fiecare subiect ar trebui să aibă propriile sale informații unice în comentariile din antet, altfel vor apărea probleme în . Când creați un subiect nou bazat pe unul existent, mai întâi modificați comentariile la titlu.

Mai jos este un șablon de antet de foaie de stil pentru tema dvs. Rose. Ar trebui să fie situat la începutul fișierului style.css, în primele rânduri:

/* Numele temei: Rose URI temei: theme-homepage Descriere: brief-description-of-theme Autor: your-name Author URI: your-URI Model: write-parent-theme-name-here-optional-field Versiune: versiune -numărul este un câmp opțional. Descrierea detaliată a subiectului/Licenței, dacă este necesar. . */

Cea mai simplă temă include doar un fișier style.css plus imagini dacă este necesar. Pentru a crea o astfel de temă, trebuie să specificați numele temei părinte în bara de titlu a șablonului: De exemplu, dacă tema dvs. „Rose” provine din (moștenește) tema „test”, scrieți următoarea linie în antetul style.css:

Șablon: test

Adăugând această linie la antetul style.css, toate șabloanele din tema „test” vor fi moștenite de tema „Rose”, care nu conține decât un fișier de foaie de stil numit style.css și, eventual, câteva imagini. Aceste fișiere trebuie să fie plasate în directorul wp-content/themes/Rose.

Începând cu WordPress 2.7, o temă copil poate conține fișiere șablon ale căror nume sunt aceleași cu numele șablonului din tema părinte, în panoul de administrare puteți selecta aceste șabloane pentru a le folosi și vor fi folosite în locul celor părinte.

Comentariile din antetul style.css sunt necesare WordPress pentru a identifica tema și a o afișa în submeniu > ca temă instalată, împreună cu alte teme instalate.

Nota : Când definiți o temă părinte, în linia Șablon: comentariu, trebuie să utilizați numele directorului temei. De exemplu, pentru a utiliza „Tema implicită Wordpress”, nu scrieți

Șablon: WordPress implicit

si scrie

Șablon: implicit

deoarece „implicit” este numele directorului temei părinte.

Fișier de funcționalități suplimentare

Tema poate folosi suplimentar un fișier cu funcțiile necesare pentru ca tema să funcționeze, acesta trebuie să fie localizat în directorul temei și numit functions.php. Acest fișier funcționează practic ca un plugin, iar dacă este prezent în directorul de teme pe care îl utilizați, atunci este încărcat automat în timpul inițializării WordPress. Acest lucru este valabil atât pentru paginile de administrare, cât și pentru alte pagini (externe administratorului). Sunt sugerate următoarele utilizări pentru acest fișier:

• Definiți funcțiile utilizate în fișierele șablon ale temei dvs.;
• Setări din zona de administrare a temei care oferă utilizatorilor opțiuni pentru a personaliza culorile, stilurile sau alte aspecte ale temei.

Temele care vin cu WordPress și sunt instalate din cutie au un fișier functions.php care definește o serie de funcții și setări în zona de administrare a temei, astfel încât să îl puteți folosi ca model. Fișierul functions.php funcționează practic ca un plugin, secțiunea Codex este cel mai bun loc pentru a obține mai multe detalii despre cum puteți utiliza acest fișier.

Fișiere șablon de temă

Selectarea șablonului pe baza interogărilor

WordPress permite programatorului să folosească diferite opțiuni pentru conectarea șabloanelor dintr-un set: în primul rând, folosind ierarhia șabloanelor și, în al doilea rând, folosind etichete condiționate în bucla de procesare a fișierului șablon.

În primul caz, atunci când utilizați o ierarhie de șabloane, trebuie să creați fișiere șablon speciale care vor fi utilizate automat la momentul potrivit pentru a crea o pagină în locul șablonului de bază index.php. De exemplu, dacă tema dvs. conține un șablon numit categorie.php și vine o solicitare pentru o pagină de categorie, șablonul categorie.php va fi încărcat în locul șablonului index.php. Dacă nu există fișier categorie.php în temă, șablonul index.php va fi încărcat ca de obicei.

Puteți defini un șablon pentru o anumită categorie, de exemplu, adăugând un fișier șablon categorie-6.php la tema dvs. Fișierul va fi folosit în loc de index.php când ID-ul categoriei este 6. Pentru a afla ID-ul categoriei, accesați > dacă aveți acces de administrator în WordPress versiunea 2.3 sau anterioară.

Începând cu WordPress 2.5, coloana ID a fost eliminată din panoul de administrare. Puteți determina ID-ul categoriei făcând clic pe „Editați categoria” și uitându-vă la valoarea cat_ID din adresa URL. De exemplu, sfârșitul adresei URL:

„...categories.php?action=edit&cat_ID=3”

unde „3” este ID-ul categoriei curente. Acest proces este discutat mai detaliat în

Dacă tema dvs. trebuie să poată controla șablonul de afișare chiar mai detaliat decât nivelul de control oferit de ierarhia șablonului, puteți utiliza etichete condiționate. Etichetele condiționate verifică practic dacă o condiție specială este adevărată în timpul execuției, caz în care puteți încărca un anumit șablon sau puteți afișa unele variații de text pe pagină în funcție de această condiție.

De exemplu, pentru a crea diferite stiluri în funcție de numărul categoriei, codul ar putea arăta astfel:

Sau, folosind un obiect de cerere, același algoritm poate fi implementat diferit:

post; if ($post->in_category("9")) ( include(TEMPLATEPATH . "/single2.php"); ) else ( include(TEMPLATEPATH . "/single1.php"); ) ?>

În orice caz, ambele exemple de cod vor produce modele diferite în funcție de ID-ul categoriei. Etichetele condiționate nu se limitează la categorii, vezi articolul, acesta discută toate opțiunile posibile.

Pictograme tip fișier

Wordpress folosește pictograme de tip fișier () pe blogul dvs. și în interfața Panoului de administrare, dacă aceste pictograme există în locația specificată.

Wordpress caută aceste fișiere în directorul de imagini al temei curente. (Și în Wordpress 2.2, tema implicită are o singură pictogramă, audio.jpg .)

De exemplu, pentru a reda o pictogramă de tip MIME audio/mpeg , Wordpress va căuta fișierul pictogramă în directorul de imagini specificat al temei curente, selectează primul fișier care se potrivește (vezi descrierea funcției):

1. tema_mea/images/audio.jpg
2. tema_mea /images/audio.gif
3. tema_mea/images/audio.png
4. tema_mea/images/mpeg.jpg
5. tema_mea /images/mpeg.gif
6. tema_mea /images/mpeg.png
7. tema_mea /images/audio_mpeg.jpg
8. tema_mea /images/audio_mpeg.gif
9. tema_mea /images/audio_mpeg.png

Lista de fișiere șablon de teme standard

Mai jos este o listă de fișiere șablon standard utilizate de WordPress. Desigur, tema dvs. poate conține alte fișiere de stil, imagine sau program. Rețineți că numele fișierelor de mai jos au o semnificație specială pentru WordPress - consultați șablonul de ierarhie pentru mai multe informații.

Style.css Fișier foaie de stil principal. Fișierul trebuie să fie în topic Neapăratși trebuie să conțină comentariile descrise mai sus în antetul fișierului.

Aceste fișiere au o semnificație specială în WordPress deoarece sunt folosite pentru a înlocui index.php atunci când se află în directorul temei, conform ierarhiei șablonului, și atunci când li se solicită acest lucru; sau în conformitate cu adevărul etichetelor condiționale, când o funcție de tip este_*(); returnează „adevărat”.

De exemplu, dacă doriți să afișați o singură postare, funcția returnează „adevărat” și există un fișier șablon single.php în directorul de teme activ, acest șablon este folosit pentru a crea pagina.

Link-uri către fișiere din șablon

Tema implicită WordPress este un bun exemplu de tehnică (descrisă pentru prima dată de Michael Heilemann în aspectul WordPress 1.2 al lui Kubrick) a modului în care interogările sunt redate în șabloane.

Următorul codinserează adresa URL a șablonului în rezultatul șablonului. Puteți adăuga orice informații suplimentare pentru a trimite la fișiere din tema dvs.

Următorul codadaugă adresa URL a directorului care conține fișierele stylesheet.css ale temei la rezultatul șablonului. Puteți adăuga orice informații suplimentare pentru a face referire la fișierele tematice, în special cele necesare pentru foile de stil (pentru a evita acest lucru, utilizați-l în schimb).

Constanta TEMPLATEPATH conține calea absolută către directorul șablonului temei curente (fără „/” la sfârșit).

Rețineți că URI-urile care sunt utilizate în foaia de stil sunt legate la directorul în care se află fișierul foaia de stil, nu la directorul în care se află șablonul care utilizează acele stiluri. Acest lucru elimină necesitatea de a adăuga cod PHP la fișierul foaia de stil pentru a seta directorul curent. De exemplu, dacă utilizați imagini din directorul imagini/temei dvs. în foaia de stil, ar trebui să specificați doar o cale relativă în CSS, astfel:

H1 ( imagine de fundal: URL(images/my_background.jpg); )

Este o opțiune bună să utilizați metoda descrisă mai sus pentru a lega fișiere. În acest caz, nu veți avea nevoie de căi absolute în șabloane.

Definirea tipurilor de șabloane personalizate

Puteți utiliza sistemul de plugin WordPress pentru a adăuga propriile tipuri de șabloane care sunt utilizate în cazuri specifice. Acest lucru este necesar dacă doriți să faceți, de exemplu, machete diferite pentru cazuri diferite sau propriul șablon de comentariu etc. Această extensie WordPress poate fi realizată prin interceptarea evenimentului template_redirect, vezi . Mai multe informații despre crearea pluginurilor pot fi găsite aici.

Evenimentul necesar necesită compatibilitate

Atunci când proiectați o temă, este recomandabil să aveți în vedere că tema dvs. trebuie configurată astfel încât să poată funcționa bine cu orice plugin WordPress pe care dvs. sau alt utilizator al temei doriți să-l instaleze. Pluginurile extind funcționalitatea WordPress prin utilizarea cârligelor de evenimente („Cârlige de acțiune”, vezi pentru mai multe informații). Cele mai multe evenimente au loc în nucleul WordPress, astfel încât tema dvs. nu trebuie să apeleze evenimente personalizate pentru a funcționa. Dar unele evenimente interceptate vor trebui să fie apelate în continuare pentru ca pluginurile instalate să afișeze corect informațiile direct în antet (header) și subsol (footer), în bara laterală sau în corpul principal al paginii. Iată o listă de etichete speciale de evenimente care trebuie apelate în tema dvs. pentru ca orice plugin să funcționeze corect:

Wp_head Apare atunci când este afișat codul elementului în șablonul header.php. Exemplu de utilizare în plugin: adăugarea codului javascript. Utilizare: -sau- Utilizare: wp_footer Apare atunci când antetul „footer” al temei este afișat în șablonul footer.php. Un exemplu de utilizare în plugin: inserarea codului PHP care ar trebui să fie executat după tot, chiar ultimul de pe pagină.

comment_form Apare atunci când scripturile de șablon comments.php și comments-popup.php sunt procesate, imediat înainte de a închide eticheta formularului de comentariu (

). Exemplu de utilizare: afișați previzualizarea comentariilor nou adăugate.

Utilizare:

1. ID); ?>
2. Pentru un exemplu din lumea reală, puteți găsi aceste apeluri de evenimente pentru pluginuri în șabloanele de teme implicite respective.
3. Note generale pentru dezvoltatorii de teme
4. Vă rugăm să fiți clar și să descrieți în documentația temei dvs. (un fișier README inclus cu tema dvs. va ajuta mulți utilizatori să ocolească eventualele obstacole):
5. Dacă aveți cerințe speciale, care pot include reguli personalizate de rescriere sau modificare sau folosirea unor șabloane, imagini sau alte fișiere suplimentare, speciale, vă rugăm să indicați în mod clar pașii de acțiune pe care trebuie să-i efectueze utilizatorul pentru ca tema să fie pe deplin funcțională .
6. Încercați și testați tema în diferite browsere pentru a detecta cel puțin unele dintre problemele pe care le pot întâmpina utilizatorii.
7. Furnizați informații de contact (pagină web sau e-mail), dacă este posibil, pentru asistență informativă și întrebări ale utilizatorilor.

Link-uri și resurse

O listă completă de resurse legate de teme și șabloane este disponibilă în articol.

Dacă doriți ca site-ul dvs. WordPress să devină promițător, atunci mai întâi ar trebui să vă gândiți să creați o temă unică pentru el. Acest proces necesită multă muncă, deoarece este direct legat de diverse codificări și scripturi. Să ne uităm la asta de la zero.

Aproape fiecare temă WordPress este instalată în directorul wp-content/themes și constă din 3 categorii de fișiere:

1. fisiere de foi de stil;
2. fișiere de funcționalități suplimentare;
3. fișiere șablon.

Fișierele foilor de stil sunt style.css. Ei sunt responsabili pentru culoarea, dimensiunea, fontul și alți parametri ai elementelor site-ului. Fiecare site are doar 1 fișier style.css. Dacă deschideți acest fișier, în partea de sus puteți vedea informații despre titlu, autor și o scurtă descriere a subiectului. Când vă creați propria temă, puteți introduce informații despre dvs. în style.css.

Următoarea categorie este fișierele cu funcționalități suplimentare. Acestea includ functions.php, al cărui principiu îl face să arate ca un plugin. Datorită acestui fișier, puteți personaliza vizual tema direct în panoul de administrare. De obicei, lista de setări nu este foarte largă (numele site-ului, culoarea navigației și panourile laterale ale site-ului etc.). Dacă tema este multifuncțională, atunci lista de setări va fi mult mai largă.

Acum să trecem la fișierele șablon. Funcția lor principală este de a genera pagini care sunt solicitate de vizitatorii site-ului. Fișierele șablon au extensia „.php”. Cele mai multe teme simple pot conține un singur fișier șablon numit index.php. În acest caz, toate paginile site-ului vor fi identice. Acest design este cel mai adesea folosit pentru a crea resurse Internet cu baze de date, atunci când designul nu joacă un rol cheie.

Dacă nu ați creat niciodată un design, atunci ar trebui să încercați mai întâi să creați o temă simplă. Pentru ca acesta să funcționeze corect, veți avea nevoie de cel puțin 2 dintre următoarele fișiere: style.css și index.php.

Fișierele cu funcționalități suplimentare nu pot fi utilizate în acest caz, după cum înțelegeți. Dintre fișierele șablon, index.php este unul dintre cele mai flexibile. Poate genera independent anteturi, diverse blocuri, partea de jos (subsol), conținut și alte elemente ale site-ului.

Este de remarcat faptul că acei parametri care nu sunt generați de fișierul index.php vor fi generați de fișiere standard. De exemplu, dacă tema dvs. este formată din doar 2 dintre fișierele de mai sus, dar utilizatorul trebuie să genereze un formular pentru adăugarea de comentarii, atunci standardul comments.php va îndeplini această funcție. Prin urmare, dacă doriți ca tema dvs. să fie mai unică, merită să faceți fișiere șablon suplimentare. Să ne uităm la cele principale.

1. Pentru a adăuga comentarii, după cum probabil ați ghicit, este folosit șablonul comments.php.
2. Dacă doriți să faceți o fereastră pop-up cu comentarii, atunci în astfel de scopuri veți avea nevoie de comments-popup.php.
3. Pentru a genera pagina de pornire, se folosește home.php.
4. Fișierul single.php este responsabil pentru afișarea articolelor site-ului. Dacă nu aveți un astfel de fișier, atunci index.php își va îndeplini funcția.
5. Fișierul page.php generează pagini individuale ale site-ului.
6. Pentru a afișa informații despre autor, veți avea nevoie de author.php.
7. Category.php este responsabil pentru categorii.
8. Afișarea arhivelor, datei și căutarea se realizează prin fișierele archive.php, date.php și respectiv search.php.
9. Pentru ca site-ul dvs. să afișeze o pagină unică de eroare 404, va trebui să adăugați 404.php.
10. Părțile de sus și de jos ale site-ului sunt generate de fișierele header.php și, respectiv, footer.php.

Crearea manuală a unei teme unice de la zero

Mai întâi trebuie să instalați un șablon potrivit. Poate fi găsit atât pe site-ul oficial wordpress.org, cât și pe oricare altul. Se recomandă utilizarea site-ului oficial, deoarece orice site terță parte poate conține fișiere rău intenționate și link-uri rupte.

După ce ați făcut alegerea, puteți începe să descărcați arhiva. La sfârșitul procesului, va trebui să îl despachetați și să încărcați fișierele în anumite foldere de pe site (arhiva conține de obicei mici instrucțiuni). Descărcarea se poate face folosind programul FileZilla sau direct din hosting, dacă acceptă o astfel de opțiune. Acum tot ce trebuie să faci este să mergi la secțiunea „Teme”, să o selectezi pe cea pe care ai descărcat-o și să dai clic pe butonul „Activare”.

De asemenea, îl puteți selecta direct în panoul de administrare WordPress. Cu toate acestea, nu trebuie să-l descărcați. Va trebui doar să faceți clic pe butonul „Instalare” și apoi pe „Activare”. Se recomandă să previzualizați înainte de instalare.

Acum că tema este activată, puteți trece la unicizarea acesteia. Primul lucru la care ar trebui să vă gândiți este partea de sus a site-ului (header). Acesta este primul lucru care va atrage atenția vizitatorilor tăi, așa că ar trebui să o faci în mod responsabil. De obicei, antetul constă din numele site-ului, sigla și informații scurte despre conținut. Antetul poate fi creat în orice editor grafic. Chiar și în Paint standard. Designerii mai avansați folosesc Adobe Photoshop.

Numele site-ului ar trebui să fie mic și ușor de reținut. În Adobe Photoshop puteți alege multe stiluri diferite pentru acesta. Când creați un logo, este posibil să aveți nevoie de forme diferite. Acestea pot fi descărcate de pe site-ul oficial Adobe Photoshop.

După ce faceți un desen de antet într-un editor grafic, va trebui să îl încărcați pe site-ul dvs. web. Odată ce descărcarea este finalizată, în dreapta imaginii va apărea o adresă URL, pe care va trebui să o copiați. Apoi va trebui să mergeți la secțiunea „Editor” și să selectați fișierul care este responsabil pentru generarea antetului (header.php). În ea, va trebui să găsiți adresa URL a imaginii curente și să o înlocuiți cu cea pe care ați primit-o când ați încărcat imaginea antet. După aceasta, va trebui să actualizați fișierul. Acum puteți trece la verificarea afișajului antetului.

Dacă antetul dvs. are parametri diferiți decât cel standard, atunci îi puteți ajusta în header.php. Lățimea este controlată de atributul lățime, iar înălțimea este controlată de atributul înălțime. Setarea se poate face în pixeli și procente. Deci, dacă doriți doar să întindeți capacul, atunci setați-l la 100%.

Dacă doriți, puteți adăuga link-uri active către paginile site-ului WordPress la antet. Acest lucru se poate face folosind diverse servicii. Sunt destul de multe pe internet. Majoritatea lucrează pe același principiu. Încercuiți zona dorită a antetului, care va fi alocată pentru link, iar serviciul vă va oferi codul necesar. Va trebui apoi să adăugați acest cod în fișierul header.php. Aveți grijă când îl adăugați. Fiecare punct contează. Dacă adăugați codul în locul greșit, linkurile active nu vor apărea în antet.

După înlocuirea antetului standard, puteți începe să înlocuiți fundalul standard al site-ului WordPress, widget-urile, navigarea, partea de jos (footer) și alte componente ale site-ului WordPress. De asemenea, pot fi desenate în orice editor grafic și încărcate pe site-ul web sub forma unui desen.

Atunci când creați un fundal pentru un site WordPress, ar trebui să țineți cont de faptul că acesta nu trebuie să fie luminos. Majoritatea webmasterilor preferă să folosească un fundal alb. Nu rănește ochii și nu distrage atenția de la conținutul principal.

Pentru a crea o navigare de calitate de la zero, veți avea nevoie de puține cunoștințe despre etichete precum