Cum să folosești personalizatorul de teme WordPress ca un profesionist (Ghid complet)

Ați deschis vreodată personalizatorul de teme WordPress, ați privit toate acele opțiuni și v-ați simțit complet copleșit?

Există zeci de setări pentru culori, fonturi și aspecte, ceea ce poate fi copleșitor atunci când încercați doar să faceți site-ul dvs. să arate bine. Ajustați câteva lucruri, dar cumva site-ul dvs. ajunge să arate mai rău decât atunci când ați început.

Am văzut mulți începători întâmpinând aceeași problemă, iar vestea bună este că este mai ușor de rezolvat decât ai crede.

În acest ghid, vă vom ghida pas cu pas prin utilizarea WordPress Theme Customizer, astfel încât să puteți crea un site web lustruit și ușor de utilizat, fără confuzie. Vom împărtăși, de asemenea, câteva sfaturi care vă vor economisi ore de încercări și erori. 🙌

Cum să accesezi Personalizatorul de teme WordPress

Personalizatorul de teme este o funcție implicită WordPress care îți permite să controlezi aspectul temei tale. Vine cu toate temele clasice și include un panou de setări pentru controale la nivel de site, cum ar fi tipografia, designul antetului și multe altele.

Puteți accesa acest lucru conectându-vă la zona de administrare WordPress. Apoi, mergeți la Aspect » Personalizare din bara laterală stângă a panoului de administrare.

Aceasta va deschide interfața Personalizatorului cu tema dvs. curentă.

Puteți utiliza, de asemenea, personalizatorul de teme WordPress pentru oricare dintre temele instalate ale site-ului dvs. web, chiar dacă sunt inactive. Această funcție vă permite să vedeți o previzualizare live a temei și să faceți modificări înainte de a o activa.

Pentru a face acest lucru, va trebui să accesați pagina Aspect » Teme. Apoi, plasați cursorul mouse-ului peste orice temă instalată și faceți clic pe butonul „Previzualizare live” pentru a deschide pagina de personalizare a temei WordPress.

Cum să utilizați WordPress Theme Customizer

După ce deschideți personalizatorul de teme WordPress, veți vedea toate setările de personalizare în partea stângă a ecranului. Previzualizarea live a site-ului dvs. va fi afișată în partea dreaptă.

Personalizatorul de teme WordPress vine cu un set de panouri implicite, indiferent de tema dvs.

Trebuie să faceți clic pe panourile individuale pentru a le modifica. De asemenea, puteți face clic pe oricare dintre pictogramele albastre cu creion din partea dreaptă a ecranului pentru a deschide setările pentru acel element anume.

În secțiunile următoare, vă vom arăta opțiunile implicite disponibile în personalizatorul de teme WordPress, precum și câteva sfaturi și alternative de personalizare.

Dacă sunteți interesat de un anumit subiect, puteți face clic pe link pentru a sări mai departe în articol:

• Panoul Identitate site: Adaugă titlu, logo și favicon
• Personalizator de teme WordPress: Schimbă culorile pe site-ul tău
• Adăugarea meniurilor de navigare în Personalizatorul de Teme
• Controlați widgeturile pe site-ul dvs. în Personalizatorul de teme
• Panoul Setări pagină principală în Personalizatorul de teme
• Panoul CSS suplimentar pentru adăugarea de CSS personalizat
• Alte opțiuni ale personalizatorului de teme
• Previzualizați site-ul dvs. în diferite rezoluții de ecran
• Publică, salvează sau programează setările personalizatorului
• Previzualizați diferite teme fără a le publica
• Importă sau exportă setările Theme Customizer
• Bonus Tip: WordPress Theme Customizer Alternatives
• Întrebări frecvente despre utilizarea personalizatorului de teme WordPress
• Continuă explorarea: Proiectează și personalizează ca un profesionist

Gata? Să începem.

Panoul Identitate site: Adaugă titlu, logo și favicon

Panoul „Identitatea site-ului” din personalizatorul de teme WordPress vă permite să adăugați sau să modificați titlul și sloganul site-ului dvs. web.

Implicit, WordPress adaugă „Just Another WordPress Site” ca slogan al site-ului. Vă recomandăm să îl schimbați după instalarea WordPress pe site-ul dvs., dar îl puteți lăsa și gol dacă doriți.

Panoul „Identitatea site-ului” din personalizatorul de teme WordPress vă permite, de asemenea, să adăugați logo-ul site-ului dvs. Pur și simplu faceți clic pe opțiunea Selectați logo pentru a încărca logo-ul site-ului dvs. web.

Doriți să adăugați o faviconă pe site-ul dvs.? Puteți face acest lucru făcând clic pe opțiunea „Selectați pictograma site-ului”.

Pentru instrucțiuni detaliate, puteți urma ghidul nostru despre cum să creezi și să adaugi o faviconă pe site-ul tău.

Personalizator de teme WordPress: Schimbă culorile pe site-ul tău

Controalele din panoul „Culori” vor varia în mare parte în funcție de tema WordPress pe care o utilizați.

De exemplu, tema Sydney vă permite să selectați o schemă de culori pentru întregul site în opțiunile de culori globale. De asemenea, vă permite să schimbați fundalul, textul, linkurile, antetele, câmpurile formularului și bara laterală.

Alte teme WordPress pot avea opțiuni de culoare diferite, cum ar fi controale separate pentru culorile antetului, meniurile de navigare, butoanele sau secțiuni specifice ale site-ului.

Adăugarea meniurilor de navigare în Personalizatorul de Teme

Panoul „Meniuri” îți permite să creezi meniuri de navigare și să le controlezi locația pe site-ul tău.

În această filă, veți găsi toate meniurile WordPress existente pe care le-ați creat anterior. Puteți face clic pe butonul „Vizualizați toate locațiile” pentru a verifica locațiile de meniu disponibile pe care tema dvs. le suportă.

Pentru a crea un meniu nou, trebuie să faceți clic pe butonul „Creare meniu nou”.

După aceea, va trebui să dați un nume meniului dvs. pentru a-l putea gestiona cu ușurință mai târziu. Puteți, de asemenea, să selectați locația meniului și să faceți clic pe „Următorul” pentru a continua.

Pentru a adăuga elemente în acest meniu, va trebui să începeți prin a face clic pe butonul „Adaugă elemente”. Aceasta va deschide un nou panou.

Acum puteți adăuga linkuri personalizate, pagini, postări, categorii și etichete ca elemente de meniu în câmpurile respective.

Pentru a reordona elementele, puteți face clic pe linkul „Reordonează” și apoi utilizați pictogramele săgeată pentru a ajusta elementele meniului.

Controlați widgeturile pe site-ul dvs. în Personalizatorul de teme

Panoul „Widget-uri” vă permite să adăugați și să gestionați widget-urile de pe site-ul dvs. Făcând clic pe el, veți vedea diferitele locații unde puteți adăuga widget-uri.

Și din nou, acest lucru va varia în funcție de tema WordPress pe care o folosești.

De exemplu, tema Sydney oferă cinci locații pentru widget-uri, în timp ce tema Twenty Nineteen vine cu o singură locație.

Când faceți clic pe oricare dintre ele, veți vedea widget-urile pe care le-ați adăugat anterior în acea locație.

Pentru a adăuga un widget nou, puteți face clic pe butonul „Adăugați un widget”. Aceasta va deschide un panou nou unde veți vedea o listă a tuturor widget-urilor disponibile.

Apoi, va trebui să faceți clic pe cea pe care doriți să o adăugați. De asemenea, puteți face modificări la widgeturile nou adăugate și le puteți ajusta poziția trăgându-le în sus sau în jos.

Panoul Setări pagină principală în Personalizatorul de teme

Implicit, WordPress afișează cele mai recente postări de pe blog pe pagina principală.

Cu toate acestea, majoritatea utilizatorilor preferă să folosească o pagină de pornire personalizată pentru site-urile web de afaceri. Acest lucru îți permite să ai o pagină de destinație adecvată care să-ți afișeze produsele și serviciile.

Pentru a utiliza o pagină de pornire personalizată, va trebui să selectați butonul radio „O pagină statică” din panoul „Setări pagină de pornire”.

Aceasta va deschide două noi meniuri derulante pe care le poți folosi pentru a selecta o pagină pentru pagina de pornire și alta pentru afișarea postărilor de pe blog.

Dacă nu aveți pagini pe site-ul dvs., puteți crea una nouă făcând clic pe linkul „+ Adăugați pagină nouă” prezent sub meniul derulant. Aceasta va crea o pagină goală cu numele la alegere.

Panoul CSS suplimentar pentru adăugarea de CSS personalizat

Doriți să adăugați cod CSS personalizat pentru a stiliza site-ul dvs.? Puteți face acest lucru în panoul „CSS suplimentar”.

Utilizatorii intermediari și avansați de WordPress își personalizează adesea site-urile prin adăugarea de cod CSS direct în fișierul style.css al temei lor. Această metodă necesită pași suplimentari, cum ar fi acces FTP la găzduirea ta WordPress, modificarea fișierelor temei etc.

O soluție mai ușoară pentru începători este să adăugați codul CSS personalizat în panoul CSS suplimentar din customizerul temei WordPress. Acest lucru vă va permite să faceți modificări site-ului dvs. și să le vedeți în timp real în partea dreaptă a ecranului.

Când începi să scrii cod CSS, WordPress îți va sugera automat atribute pe baza literelor pe care le tastezi. De asemenea, va afișa mesaje de eroare dacă nu ai scris o declarație CSS corectă.

Alte opțiuni ale personalizatorului de teme

Unele teme gratuite și premium oferă mai multe opțiuni de Personalizare temă.

În funcție de tema pe care o utilizați, este posibil să puteți schimba stilul fontului, să adăugați o imagine de fundal, să schimbați layout-ul, să modificați culorile, să adăugați imagini de antet aleatorii și multe altele.

De asemenea, puteți adăuga funcționalități specifice la personalizatorul de teme cu ajutorul plugin-urilor.

De exemplu, puteți adăuga fonturi personalizate în WordPress folosind pluginul Easy Google Fonts.

Previzualizați site-ul dvs. în diferite rezoluții de ecran

Este important ca fiecare proprietar de site web să se asigure că site-ul său este optimizat pentru mobil și arată bine pe toate dimensiunile ecranului.

Datorită personalizatorului de teme WordPress, puteți verifica cu ușurință cum arată site-ul dvs. pe diferite dimensiuni de ecran.

În partea de jos a panoului Personalizare temă, veți găsi trei pictograme și linkul „Ascunde controale”.

Aceste pictograme vă permit să vă testați site-ul pe diferite rezoluții de ecran, cum ar fi desktop, tabletă și dispozitive mobile.

Linkul „Ascunde controale” este util pentru ascunderea panoului Personalizare WordPress, astfel încât să vă puteți vizualiza site-ul corect pe un desktop.

Publică, salvează sau programează setările personalizatorului

Odată ce ați făcut modificările necesare, trebuie să le aplicați site-ului dvs. Altfel, toată munca dvs. depusă va fi pierdută.

Continuați și faceți clic pe butonul „Publică” pentru a aplica modificările. Odată ce procesul este complet, puteți face clic pe butonul de închidere din colțul din stânga sus al ecranului pentru a ieși din personalizarea temei.

Ce se întâmplă dacă aveți nevoie de mai mult timp pentru a finaliza noul dvs. design WordPress? În acest caz, puteți salva noul design ca schiță și chiar îl puteți partaja cu cineva fără a-i oferi acces la zona dvs. de administrare.

Pentru a face acest lucru, va trebui să dai clic pe pictograma cu rotița dințată de lângă butonul 'Publicare'. Aceasta va deschide panoul 'Acțiune'.

Aici veți găsi trei opțiuni: „Publică”, „Salvează schiță” și „Programează”.

Pur și simplu selectați butonul radio „Salvare schiță” din panoul „Acțiune”. Apoi, continuați și faceți clic pe butonul „Salvare schiță” pentru a salva modificările.

Acum puteți copia linkul de previzualizare și îl puteți partaja cu alții pentru a obține feedback.

Opțiunea „Programare” vă permite să publicați modificările la o anumită dată și oră. De exemplu, puteți programa modificările temei dvs. să intre în vigoare la momentul în care primiți cel mai mic trafic.

În cele din urmă, dacă dorești să resetezi modificările nepublicate, poți face clic pe linkul „Respinge modificările” din panoul Acțiuni.

Previzualizați diferite teme fără a le publica

Există momente când vrei să verifici cum ar arăta o temă nouă pe site-ul tău. Cu toate acestea, nu vrei să le activezi pe site-ul tău live.

În acest caz, puteți deschide Personalizatorul WordPress pentru a testa teme noi fără a le activa pe site-ul live.

În panoul Personalizare, veți găsi numele temei dvs. active și butonul „Schimbați”.

Dacă faceți clic pe acel buton, WordPress va afișa toate temele instalate pe partea dreaptă a paginii.

Pentru a verifica o anumită temă, trebuie să faceți clic pe butonul „Previzualizare live”.

Puteți previzualiza, de asemenea, teme din Depozitul de teme WordPress.

Pentru a face acest lucru, va trebui să selectați caseta de selectare „Teme WordPress.org” din panoul din stânga. Aceasta va afișa teme din directorul WordPress.org.

Pur și simplu faceți clic pe butonul „Instalare și previzualizare” pentru a verifica tema care vă place.

Poți, de asemenea, să filtrezi temele făcând clic pe butonul „Filtrează teme” din colțul din dreapta sus al ecranului.

Importă sau exportă setările Theme Customizer

Știai că poți importa și exporta setările personalizatorului de teme?

Acest lucru este extrem de util atunci când faceți modificări la tema dvs. pe serverul local sau pe un site de staging. În loc să copiați manual setările pe site-ul dvs. live, puteți pur și simplu să exportați setările personalizatorului de temă pentru a vă economisi timp.

Pentru instrucțiuni detaliate, puteți urma ghidul nostru despre cum să importați și să exportați setările personalizatorului de teme în WordPress.

Sfat bonus: Alternative la personalizatorul de teme WordPress

Deși Personalizatorul WordPress vă permite să faceți modificări pe site-ul dvs., numărul de controale va varia în funcție de tema pe care o utilizați.

Ce se întâmplă dacă vă place tema, dar doriți ca aceasta să aibă opțiuni suplimentare de personalizare?

În acest caz, cea mai bună soluție este să utilizați unul dintre cele trei pluginuri de personalizare care funcționează împreună cu personalizatorul de teme WordPress.

SeedProd

SeedProd este cel mai bun constructor de pagini drag-and-drop pentru WordPress. Puteți folosi SeedProd pentru a crea cu ușurință teme WordPress personalizate și layout-uri de pagină fără a edita niciun cod.

Unele dintre mărcile partenere au folosit SeedProd pentru a-și construi site-urile. Curios despre experiența noastră? Intră în recenzia noastră detaliată despre SeedProd pentru mai multe informații.

SeedProd oferă sute de machete de pagină pre-făcute pentru pagini de destinație, pagini de vânzări, pagini de înregistrare la webinar, pagini de tip 'În curând', pagini de mod de mentenanță și multe altele.

Personalizarea este ușoară cu blocuri gata făcute, cum ar fi formulare de înscriere, profiluri sociale, butoane, cronometre, formulare de contact și multe altele.

De asemenea, puteți seta scheme de culori, salva combinații de fonturi și reutiliza pagini și elemente de pagină, astfel încât să nu fie nevoie să le creați din nou.

Thrive Theme Builder

Thrive Theme Builder este un alt plugin excelent de constructor de teme drag-and-drop pentru WordPress. Îl puteți folosi pentru a crea cu ușurință o temă WordPress personalizată, fără a fi nevoie de codare.

Vine împachetat cu patru șabloane de teme diferite, gata făcute, pentru a vă ajuta să începeți rapid. Fiecare șablon de temă include o varietate de pagini pre-făcute pe care le puteți adăuga pe site-ul dvs.

Pentru o analiză detaliată, poți accesa recenzia noastră completă despre Thrive Themes Suite.

Cu acest plugin, poți edita fiecare parte a temei tale, inclusiv antetul, subsolul, postările de blog, paginile de categorii și multe altele, pur și simplu prin indicare și clic.

În plus, există peste 100 de elemente de design și de creare a site-urilor pe care le poți adăuga rapid la tema ta, trăgându-le și plasându-le.

CSS Hero

CSS Hero este un plugin WordPress care vă permite să vă personalizați site-ul fără a scrie o singură linie de cod CSS. Aveți libertatea de a stiliza fiecare element al site-ului dvs. fără nicio bătaie de cap.

Doriți să personalizați pagina de autentificare a site-ului dvs. WordPress? CSS Hero vă permite să faceți acest lucru în câteva minute.

De asemenea, poți edita și previzualiza modificările pe partea frontală pentru a te asigura că designul tău arată perfect pe fiecare dispozitiv.

Beaver Builder

Beaver Builder este un alt constructor de pagini de top pentru WordPress. Acesta vă permite să creați pagini uimitoare pentru site-ul dvs. folosind o interfață drag-and-drop.

Partea cea mai bună este că Beaver Builder funcționează cu aproape orice temă WordPress. Acest lucru vă permite să îl utilizați cu tema dvs. actuală. L-am testat extensiv și puteți afla totul în recenzia noastră completă despre Beaver Builder.

Beaver Builder suportă utilizarea de shortcode-uri și widget-uri. Oferă, de asemenea, diferite tipuri de module pe care le puteți folosi pentru a vă stiliza site-ul web cu ușurință. Puteți consulta ghidul nostru despre cum să creați layout-uri personalizate în WordPress pentru instrucțiuni detaliate.

Întrebări frecvente despre utilizarea personalizatorului de teme WordPress

Încă ai întrebări despre cum să profiți la maximum de Personalizatorul de teme? Iată câteva întrebări comune pe care le auzim de la utilizatorii WordPress.

Pot personaliza fiecare temă folosind Personalizatorul de teme WordPress?

Nu orice temă. Majoritatea temelor WordPress încă suportă Personalizatorul de teme și oferă diverse opțiuni de design. Cu toate acestea, temele bazate pe blocuri care utilizează Editarea completă a site-ului (FSE) se bazează pe Editorul de site în schimb, iar Personalizatorul nu va apărea în acele teme.

Schimbarea temelor îmi va șterge setările Customizer?

Da, poate. Setările Customizer sunt de obicei specifice temei, deci schimbarea la o temă nouă poate reseta sau elimina acele modificări. Pentru siguranță, notați-vă setările sau folosiți instrumentul de import/export dacă tema dvs. îl suportă.

Ce ar trebui să fac dacă nu găsesc personalizatorul de teme în WordPress?

Dacă nu vedeți opțiunea Aspect » Personalizare în tabloul de bord, este posibil să utilizați o temă bazată pe blocuri (Editare completă a site-ului). Aceste teme utilizează Editorul de site, pe care îl veți găsi sub Aspect » Editor. Pentru mai multe informații, consultați ghidul nostru despre cum să remediați lipsa Personalizatorului de teme în tabloul de bord WordPress.

Cum pot adăuga opțiuni suplimentare de personalizare temei mele?

Dacă tema dvs. actuală pare prea limitată, puteți încerca crearea unei teme copil sau utilizarea plugin-uri de construire a paginilor precum SeedProd, Thrive Theme Builder sau CSS Hero. Aceste instrumente oferă un control mai mare asupra designului fără a atinge codul.

Este sigur să faci modificări în Personalizatorul de teme pe un site web live?

Da, este sigur să faceți modificări în Personalizatorul de teme, deoarece acestea nu vor fi publicate până când nu faceți clic pe „Publicați”. Acestea fiind spuse, dacă plănuiți modificări majore, este mai bine să le testați mai întâi într-un mediu de staging pentru a evita perturbarea site-ului dvs. live.

Continuă explorarea: Proiectează și personalizează ca un profesionist

Sperăm că acest ghid v-a ajutat să învățați cum să utilizați WordPress Theme Customizer ca un profesionist.

Dacă ți-a fost de ajutor, atunci s-ar putea să vrei să vezi și celelalte ghiduri ale noastre despre:

• Cum să-ți personalizezi tema WordPress
• Cum să adăugați un efect parallax la orice temă WordPress
• Cum să adăugați linkuri următoare / anterioare în WordPress 
• Modalități de a crea un site WordPress optimizat pentru mobil
• Cum să găsești și să traduci o temă WordPress pregătită pentru traducere
• Teme WordPress gratuite vs. premium
• Cele mai bune teme simple WordPress pe care ar trebui să le încercați
• Cum să-ți testezi tema WordPress conform celor mai recente standarde

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.