Cum să personalizați o temă WordPress

S-ar putea întâmpla să instalați o temă WordPress, dar nu prea funcționează pentru dvs. Din fericire, WordPress este extrem de personalizabil. Va trebui doar să alegeți modul corect de a face acest lucru. În acest articol, vă vom învăța mai multe moduri diferite de a vă personaliza tema WordPress în siguranță și eficient.

Opțiuni pentru personalizarea unei teme WordPress

Există diferite opțiuni pentru a personaliza tema site-ului dvs. WordPress în funcție de situația dvs. Iată o prezentare rapidă a opțiunilor:

• Instalați un plugin pentru a adăuga funcționalitate temei dvs.
• Utilizați Customizer în ecranele de administrare WordPress pentru a personaliza fonturile, culorile și aspectul, în funcție de tema dvs.
• Utilizați caracteristicile unei teme pentru generatorul de pagini pentru a personaliza designul site-ului dvs.
• Dacă ați instalat o temă cadru, utilizați una dintre temele secundare disponibile pentru a vă personaliza site-ul web
• Dacă aveți capacitatea și tema este specifică site-ului dvs., puteți edita codul temei direct
• Creați o temă copil dacă doriți să editați codul unei scheme terță parte

Cum să știți dacă trebuie să personalizați o temă WordPress

În unele cazuri, nu este nevoie să vă personalizați tema. Mai degrabă, puteți instala un plugin. Temele determină designul site-ului dvs. web, modul în care acesta arată și afișează conținut. Pluginurile adaugă pur și simplu funcționalitate suplimentară. Dacă modificările de care aveți nevoie se bazează mai mult pe funcționalitate decât pe design, vă recomandăm să luați în considerare instalarea unui plugin în loc să vă personalizați tema. Puteți scrie un plugin, puteți descărca unul dintr-un director de pluginuri sau puteți cumpăra unul.

Dacă doriți să editați fișierul functions.php din tema dvs., întrebați-vă „Aș vrea să păstrez această funcționalitate dacă voi schimba temele în viitor?” Dacă spuneți da, codul respectiv ar trebui să apară într-un plugin mai degrabă decât în ​​tema dvs. S-ar putea să folosiți un plugin mai degrabă decât o temă dacă doriți să adăugați un widget, să înregistrați tipuri de postări și taxonomii personalizate, să creați câmpuri personalizate și să adăugați caracteristici suplimentare, cum ar fi un magazin sau îmbunătățiri SEO.

Cum să vă personalizați tema WordPress prin intermediul ecranelor de administrare WordPress

O altă opțiune este să vă personalizați tema WordPress prin intermediul ecranelor de administrare WordPress. Acest lucru funcționează dacă modificările pe care doriți să le faceți sunt destul de simple și axate pe design. Personalizatorul oferă mai multe opțiuni pentru ajustarea temei. Opțiunile disponibile vor depinde de tema dvs. Dacă vedeți Editorul în meniul Aspect, asigurați-vă că îl evitați.

Personalizați o temă WordPress prin Customizer

Cel mai simplu mod de a vă personaliza tema WordPress este prin utilizarea personalizatorului WordPress. Puteți face acest lucru în unul din cele două moduri:

• Când sunteți conectat și vizualizați site-ul dvs. web, faceți clic pe linkul „Personalizați” din bara de administrare din partea de sus a ecranului.
• Sau, în ecranele de administrare, faceți clic pe Aspect> Personalizare.

Oricum, vă va duce la Customizer.

Editorul de teme WordPress

Când vă uitați la ecranele de administrare ale site-ului dvs. WordPress, este posibil să vedeți o opțiune numită „Editor de teme”, pe care o puteți vedea prin Aspect> Editor de teme. Acest lucru vă permite să vedeți fișierele din tema dvs. și să le editați direct. Cu toate acestea, aceasta este o idee proastă. Chiar dacă știți să scrieți CSS sau PHP, nu este o idee bună să editați fișierele din tema dvs. În primul rând, dacă ați cumpărat sau descărcat o temă terță parte, orice modificare pe care o faceți se va pierde data viitoare când veți actualiza. În al doilea rând, dacă faceți o modificare care vă rupe site-ul, acesta nu va fi urmărit și versiunea anterioară a fișierului nu va fi modificată. Este posibil să vă puteți rupe definitiv site-ul web.

Chiar și WordPress știe cât de periculos poate fi să folosești editorul de teme și îți dă un avertisment atunci când încerci să îl accesezi. Deci, urmați sfaturile WordPress și nu folosiți niciodată editorul de teme.

Dacă doriți să editați codul din tema dvs. WordPress, puteți face acest lucru folosind un editor de cod. Și nu editați niciodată fișierele de pe site-ul dvs. web live până nu le-ați testat pe un site de intermediere. Dacă trebuie să editați o temă terță parte, o puteți face printr-o temă copil.

Cum să utilizați constructori de pagini și cadre pentru a vă personaliza tema WordPress

Multe teme WordPress au opțiuni de personalizare, ceea ce înseamnă că puteți modifica designul și aspectul cu Customizer. Cu toate acestea, unele teme sunt menite să fie extinse și personalizate, chiar și semnificativ. Aceste teme sunt de fapt numite cadre. Sau puteți utiliza un plugin care vă ajută să vă proiectați site-ul web cu o interfață ușor de utilizat, numită constructor de pagini.

Utilizați un Generator de pagini pentru a vă personaliza tema WordPress

Scopul pluginurilor Page Builder este de a vă simplifica setarea designului site-ului dvs. web. Interfața vă permite să vedeți ce veți obține în avans. Mai întâi, instalați un plugin pentru generatorul de pagini cu o temă compatibilă, apoi utilizați opțiunile pentru a proiecta site-ul dvs. așa cum vă place. Unul dintre cei mai populari constructori de pagini este Elementor. Cu toate acestea, există mai multe opțiuni. Unul dintre avantajele constructorilor de pagini este că vă puteți edita postările și paginile cu o interfață drag-and-drop. Acest lucru vă permite să creați pagini web unice și să vedeți cum va arăta conținutul dvs. De asemenea, oferă o mulțime de flexibilitate atunci când vine vorba de aspect și design.

Utilizați un cadru tematic pentru a vă personaliza tema WordPress

Dacă preferați să nu utilizați un generator de pagini, puteți utiliza și un cadru pentru a vă personaliza tema WordPress. Un cadru tematic este o suită de teme concepute pentru a lucra împreună. Există o temă părinte, care este cadrul, și diverse teme pentru copii disponibile pe care le puteți utiliza pentru a personaliza tema principală și a face să arate așa cum doriți. Divi este un exemplu de cadru tematic. Are opțiuni de personalizare care vă permit să ajustați designul temei copilului dvs. chiar mai mult, similar cu interfața drag and drop ca cea din constructorii de pagini.

Cum să editați codul temei dvs. WordPress

Dacă știți cum să editați CSS și / sau PHP, puteți edita codul din tema dvs. pentru a-l personaliza. Acest lucru vă permite cel mai mult control, dar necesită și cele mai multe cunoștințe tehnice. Dacă editați propria temă care a fost dezvoltată special pentru propriul site web, atunci o puteți edita direct. Cu toate acestea, dacă lucrați cu o temă terță parte, va trebui să creați o temă copil pentru a evita pierderea oricăror modificări la următoarea actualizare.

Cum se editează fișiere tematice

Primul pas al editării temei WordPress este să știți ce fișiere tematice controlează ce și pe care va trebui să le editați.

Foaia de stil

Fiecare temă WordPress are o foaie de stil, care se numește style.css. Acesta conține tot codul pentru stilizarea site-ului dvs. web, inclusiv aspectul, fonturile, schemele de culori și multe altele. De exemplu, dacă doriți să modificați culorile din tema site-ului dvs. web, puteți edita foaia de stil. Și dacă doriți să adăugați un font nou, puteți utiliza foaia de stil pentru a aplica fontul dorit diferitelor elemente, cum ar fi textul corpului și titlurile.

Cu toate acestea, acordați atenție când editați foaia de stil. Specificitatea înseamnă că codul pentru un element nu vine întotdeauna de unde credeți că este. De exemplu, elementele vor moșteni stilul de la alte elemente care se află deasupra lor în ierarhia paginii, cu excepția cazului în care adăugați stilul specific elementului inferior.

Pentru a vedea ce afectează CSS fiecare element din pagină, puteți utiliza inspectorul din browserul dvs. pentru a vizualiza CSS. Apoi, puteți utiliza acest lucru pentru a scrie CSS noi care vizează elementele individuale sau gama de elemente sau clase de pe pagina pe care doriți să o modificați.

Dacă această discuție despre CSS și specificitate este nouă și confuză pentru dvs., vă sugerăm să evitați să editați CSS-ul temei dvs. și să încercați mai degrabă o opțiune diferită pentru a vă personaliza tema WordPress sau să permiteți experților de la SEO Design Chicago să vă ajute!

Fișierul cu funcții

Majoritatea temelor au și un fișier de funcții, care se numește functions.php. Fișierul funcțiilor este scris în întregime în PHP. Acest fișier creează o grămadă de lucruri în tema ta. Puteți găsi codul în acest fișier pentru a înregistra caracteristici ale temei, cum ar fi imagini prezentate, widgeturi și altele. De asemenea, puteți adăuga cod funcțional temei dvs. în fișierul cu funcții. Cu toate acestea, poate doriți să luați în considerare scrierea unui plugin în loc să adăugați cod în fișierul funcțiilor.

Fișierele șablon tematic

Majoritatea fișierelor dintr-o temă sunt fișiere șablon tematic. Aceste fișiere determină ce conținut produce WordPress pe o anumită pagină și sunt alese în funcție de ierarhia șablonului. Puteți edita aceste fișiere sau puteți crea unul nou, pentru a modifica modul în care conținutul este afișat pe un anumit tip de postare, pagină sau arhivă.

De exemplu, dacă tema dvs. are un fișier archive.php care este utilizat pentru a afișa pagini de arhivă pentru categorii și etichete, puteți face modificări la felul în care sunt redate etichetele. Apoi, creați un fișier numit „tag.php”, care se va baza pe archive.php odată cu modificările dvs.

Încă o dată, fiți conștienți atunci când editați fișiere, deoarece acestea ar putea să vă spargă site-ul. Folosiți întotdeauna mai întâi un site de organizare!

Personalizarea unei teme terță parte cu o temă pentru copii

Dacă rulați o temă terță parte pe site-ul dvs. și doriți să editați codul acesteia, va trebui să creați o temă copil. Dacă editați tema direct și apoi actualizați, veți pierde toate modificările.

Cum să creați o temă pentru copii

1. În wp-content / themes, creați un folder nou.
2. În acest folder, creați o foaie de stil. În noua foaie de stil, spuneți WordPress că aceasta este o temă secundară a temei dvs. existente.
3. Apoi, adăugați copii ale fișierelor pe care doriți să le editați la tema copil. Editați fișierele din acest folder.
4. În cele din urmă, activați tema copil pe site-ul dvs. web.

WordPress folosește întotdeauna fișierul de la tema copil pentru a genera conținut, cu excepția cazului în care există un fișier mai mare în ierarhie în tema părinte. Chiar dacă există două versiuni ale aceluiași fișier, WordPress îl va folosi pe cel din tema copil. Practic, noul fișier din tema copil va suprascrie întotdeauna fișierul din tema părinte.

Cele mai bune practici pentru cum să vă personalizați tema WordPress

Acestea sunt câteva dintre cele mai bune practici de urmat ori de câte ori vă personalizați tema WordPress.

Personalizați fără a adăuga cod ori de câte ori este posibil

Oricând puteți să vă personalizați prin Customizer sau oriunde în ecranele de administrare, aceasta este o opțiune mult mai bună decât editarea codului. Editați codul numai dacă sunteți familiarizat cu CSS și PHP și știți cum să faceți acest lucru în siguranță.

Folosiți un site de dezvoltare locală pentru a face modificări

Dacă editați codul din tema dvs. sau creați o temă copil pentru a face modificări, efectuați întotdeauna lucrările de dezvoltare pe o instalare locală a WordPress cu tema instalată și conținutul copiat de pe site-ul dvs. live. În acest fel, puteți testa live actualizările pe un site oglindă. Acest lucru nu are niciun efect asupra site-ului dvs. live și este mult mai rapid.

Utilizați Control versiune

De fiecare dată când modificați tema WordPress, ar trebui să utilizați controlul versiunilor pentru a urmări modificările. Cel puțin, trebuie să schimbați numărul versiunii temei și să păstrați copii ale ambelor versiuni. Dar, pentru a face corect controlul versiunilor, va trebui să utilizați un serviciu (cum ar fi GitHub, de exemplu) pentru a urmări modificările. Dacă o modificare cauzează probleme, o puteți reveni pur și simplu fără a face modificări manuale. Acesta este un pas deosebit de important dacă lucrați în echipă.

Utilizați un site de intermediere pentru a testa modificările

Dacă puteți accesa un site de organizare, asigurați-vă că testați pe acest site înainte de a activa noua temă pe site-ul dvs. live. Orice site local va avea unele diferențe ușoare decât site-ul dvs. live, deoarece este pe un alt server și ar putea rula pe o altă versiune de PHP. Faceți o copie a site-ului dvs. live pe serverul dvs. de difuzare, apoi încărcați și activați noua temă. Mai întâi testați site-ul pentru a vă asigura că totul funcționează corect, apoi împingeți modificările pe site-ul dvs. live.

Asigurați-vă tema mobilă

Este important să vă asigurați că noua temă este receptivă pentru mobil, nu doar pentru desktop. În 2021, dispozitivele mobile reprezintă jumătate din traficul web. De aceea, este esențial ca noua dvs. temă WordPress să fie compatibilă cu dispozitivele mobile, altfel puteți pierde până la jumătate din trafic. Puteți folosi oricând un instrument precum BrowserStack pentru a vedea cum apare site-ul dvs. web pe diferite dispozitive.

Asigurați-vă că personalizările dvs. sunt accesibile tuturor

Orice personalizări pe care le faceți site-ului dvs. web trebuie să fie accesibile tuturor, inclusiv utilizatorilor cu dizabilități sau cu deficiențe senzoriale. Luați în considerare orice modificare, cum ar fi îmbunătățirea culorilor sau textul mai mic, și asigurați-vă că acestea sunt compatibile ADA.

Respectați standardele de codare WordPress

De fiecare dată când editați codul în tema dvs. WordPress sau creați o temă copil, trebuie să vă asigurați că codul dvs. este în conformitate cu standardele de codare WordPress. Aceste standarde sunt menite să asigure că codul este consecvent și de înaltă calitate.

Personalizați-vă tema WordPress cu SEO Design Chicago

Unul dintre motivele pentru care WordPress este cea mai bună platformă pentru construirea site-urilor web este că este extrem de personalizabil. Cu toate acestea, poate fi dificil să vă personalizați site-ul. Dezvoltatorii web SEO Design din Chicago sunt experți în WordPress și vă pot personaliza tema, astfel încât să obțineți exact site-ul web dorit. Contactați-ne astăzi!

Întrebări frecvente:

• Trebuie să vă personalizați tema WordPress?
• De ce nu ar trebui să folosesc Editorul de teme WordPress?
• Cum găsesc Customizerul în WordPress?
• Cum pot edita aspectul, fonturile și culorile temei mele WordPress?
• Care sunt unele dintre cele mai bune practici pentru personalizarea temelor WordPress?