CSS personalizat: ar trebui să utilizați o temă pentru copii WordPress sau Personalizatorul?

WordPress este un instrument flexibil dinamic, care poate fi folosit atât de dezvoltatorii web experți, cât și de proprietarii de site-uri începători. Dacă nu puteți găsi o modalitate de a stila ceva pe placul dvs., puteți adăuga stiluri personalizate, numite și CSS (Cascading Stylesheets) pentru a modifica aspectul site-ului dvs., de la aspecte și poziționare la culori, fonturi și multe altele.

Din punct de vedere istoric, utilizatorii WordPress au folosit teme pentru copii pentru a personaliza aspectul și senzația unui site web WordPress. O temă copil moștenește toate calitățile unei teme părinte, cu toate acestea, face ceva mai mult. Pe măsură ce a fost adăugat WordPress Customizer, a devenit mai ușor să adăugați un pic de CSS pentru a efectua unele dintre aceleași lucruri pe care le-am făcut în mod tradițional cu temele copil.

Când folosiți o temă copil în comparație cu doar adăugarea CSS la personalizare? Există cazuri în care un plugin cu fragment de cod are mai mult sens?

În această postare de blog, ne uităm la personalizarea temelor dvs. cu propriul dvs. CSS printr-o varietate de moduri și discutăm când are sens să folosiți o metodă în detrimentul alta. În primul rând, totuși, să clarificăm unii termeni. Ce este personalizarea, ce este o temă copil și ce pluginuri fac și aceste sarcini?

Ce este o temă de copil?

O temă copil este o temă WordPress care moștenește toate calitățile unei alte teme WordPress. Tema principală, tema părinte, poate fi o temă comercială, una pe care ați dezvoltat-o ​​singur sau oricare dintre temele gratuite din directorul de teme WordPress.org. Și da, puteți crea o temă copil a lui Kadence. Vom vorbi mai târziu în această postare despre dacă este posibil să nu aveți nevoie sau nu sau despre cazurile în care ați putea dori.

Pentru a crea o temă secundară, veți crea un director separat sub wp-content/themes/ la același nivel cu tema părinte. De obicei, va începe cu două fișiere, style.css și functions.php, dar puteți adăuga și multe alte personalizări la o temă copil pe care le doriți. Avem un ghid care vorbește despre crearea de teme pentru copii dacă aveți nevoie de unul. Există o serie de pluginuri care vor crea o temă copil pentru dvs. și puteți elimina aceste pluginuri de configurare a temei copil odată ce tema copil este creată.

De ce folosesc oamenii teme pentru copii?

Utilizatorii WordPress creează teme secundare atunci când trebuie să facă o modificare temei părinte, dar doresc un proces ușor de actualizare pentru tema părinte.

De exemplu, doriți să adăugați etichetele dvs. Google Analytics la antetul site-ului dvs. sau doriți să vă asigurați că toate formularele, imaginile sau butoanele sunt stilate într-un anumit mod sau poate faceți personalizări ale e-mailurilor WooCommerce care trebuie să fie salvate în zona dvs. tematică.

Când creați o temă secundară, toate personalizările dvs. sunt salvate și protejate împotriva suprascrierii atunci când tema părinte necesită o actualizare. Din motive de securitate și funcționale, este întotdeauna important să păstrați temele și pluginurile la zi. Dar nu doriți să fiți nevoit să vă personalizați din nou tema de fiecare dată când tema necesită o actualizare, așa că adăugarea de stiluri la o temă copil are sens. În acest fel, tema părinte este actualizată în timp ce tema copilului rămâne aceeași.

Ai nevoie de o temă pentru copii?

În istoria WordPress, adăugarea unei teme copil a fost una dintre cele mai importante personalizări ale unui nou site WordPress. Indiferent de ceea ce faci cu WordPress, o temă nu a fost niciodată finalul, fie-totul. Din punct de vedere istoric, au existat două motive pentru a crea o temă pentru copii.

1. Pentru a adăuga CSS suplimentar.
2. Pentru a adăuga funcții suplimentare.

Din punct de vedere istoric, pentru cea mai mare personalizare, o temă copil a fost cea mai ușoară modalitate de a face acest lucru, păstrând în același timp integritatea temei părinte. Dar multe dintre acestea s-au schimbat odată cu adăugarea WordPress Customizer.

Ce este customizatorul?

Când vizualizați o pagină WordPress sau postați ca utilizator conectat cu drepturi de editare sau administrative, există o opțiune în bara de administrare pentru personalizarea WordPress. Când faceți clic pe aceasta, se deschide un cadru cu două ferestre unde există un personalizat în stânga și site-ul în sine în dreapta.

În personalizarea, aveți acces la tot ceea ce poate fi personalizat pentru un anumit site. Există unele controale generale pe care le adaugă de bază WordPress, dar multe teme, inclusiv Kadence, adaugă și câteva opțiuni de setare aici.

Adăugarea personalizării oferă proprietarilor de site-uri noi modalități de a seta orice, inclusiv o opțiune pentru adăugarea CSS suplimentară. În trecut, singura modalitate de a aplica CSS suplimentar la un site WordPress ar fi să o faci printr-o temă copil.

Setările de la culori, fonturi și chiar și aspectul antet/subsol pot fi realizate cu ajutorul personalizatorului.

Viziunea Kadence asupra temelor pentru copii, personalizărilor și pluginurilor

Kadence a adoptat atitudinea că ar trebui să vă puteți personaliza cât mai mult site-ul WordPress prin Customizer. Există o varietate de setări disponibile în opțiunile de personalizare Kadence și puteți chiar să adăugați codul dvs. Google Analytics prin intermediul Personalizatorului pe site-ul dvs. cu tematică Kadence folosind versiunea Kadence Pro.

Și dacă adăugați funcții suplimentare pe site-ul dvs. WordPress, acest lucru cu pluginul Code Snippets a fost cel mai simplu mod de a face acest lucru pentru majoritatea utilizatorilor.

În acest fel, pentru majoritatea utilizatorilor WordPress, Kadence a simplificat modul în care stilurile și funcționalitățile suplimentare sunt adăugate la WordPress, făcând gestionarea unui site WordPress mult mai ușoară.

Acestea fiind spuse, nu toate site-urile WordPress sunt la fel, nu toți utilizatorii WordPress sunt la fel, iar nevoile unui site și implementarea pot fi diferite de cele ale altuia. De asemenea, există nenumărate metode de a face ceva cu WordPress.

Iată câteva lucruri de luat în considerare atunci când adăugați cod personalizat pe site-ul dvs. WordPress.

Când ar trebui să utilizați personalizatorul

Dacă doar adăugați câteva rânduri de cod CSS, personalizarea va fi cea mai bună alegere. Puteți să adăugați cu ușurință câteva rânduri, să publicați și să vedeți cum CSS-ul are efect pe site-ul dvs. WordPress chiar în vizualizarea de personalizare.

Pentru majoritatea proprietarilor de site-uri, personalizarea este tot ceea ce au nevoie.

Pentru utilizatorii Kadence Pro, există locuri pentru evenimente în personalizarea pentru a adăuga scripturi de antet, subsol și etichete de corp, așa că, chiar dacă utilizați Managerul de etichete Google, Google Analytics sau orice alt serviciu care necesită adăugarea de scripturi personalizate, Personalizatorul poate adapta cu ușurință personalizările dvs.

Când ar trebui să utilizați pluginul Fragmente de cod

Dacă doar adăugați câteva rânduri de cod PHP, pluginul Code Snippets este o modalitate excelentă de a adăuga cod. Puteți activa și dezactiva cu ușurință codul folosind pluginul pentru a testa și a vă asigura că codul funcționează corect.

În exemplul de mai sus, un cod a fost adăugat la un site folosind fragmente de cod pentru a rula numai în zona de administrare pentru a face LearnDash și Elementor să funcționeze mai bine împreună pentru editarea cursurilor. Acest lucru ar fi putut fi făcut și cu o temă copil, dar pentru proprietarul acestui site, Fragmente de cod a fost o alternativă mai ușoară.

Desigur, pentru minimalistii de plugin-uri care doresc să-și ruleze site-urile cu cât mai puține plugin-uri posibil, pluginul Code Snippets ar putea fi un salt mare. Echilibrarea mai puține plugin-uri cu funcționalitatea necesară este ceva care trebuie făcut de la caz la caz.

Când ar trebui să utilizați o temă pentru copii

Dacă adăugați mai mult de câteva rânduri de cod CSS sau extindeți funcționalitatea site-ului cu cod PHP suplimentar, o temă copil ar putea fi cea mai bună cale de a merge. Zona CSS de personalizare este destul de mică, așa că adăugarea multor CSS acolo ar putea fi copleșitoare sau confuză de gestionat. Într-un caz ca acesta, o temă de copil va fi mai ușoară. De asemenea, dacă adăugați funcții personalizate care sunt mai mult decât ceea ce poate gestiona cu ușurință pluginul Code Snippets, o temă copil poate face acest lucru cu ușurință.

O temă copil vă permite să adăugați mai multe linii de CSS și să le gestionați cu sistemul de fișiere, mai degrabă decât să aveți CSS stocat în baza de date și adăugat la fiecare pagină. Printr-o temă copil, CSS este încărcat printr-un fișier style.css, care poate fi stocat în cache de browsere, oferind un mic avantaj de performanță. Dacă adăugați destul de mult cod personalizat sau funcții personalizate, o temă copil este cea mai bună cale de a merge.

Probleme de performanta

Când utilizați funcția CSS suplimentară a personalizatorului, stilurile adăugate vor adăuga codul dvs. în linie într-o etichetă <style> în capul fiecărei pagini. Aceasta înseamnă că, dacă aveți o mulțime de CSS, veți crește dimensiunea tuturor paginilor dvs. individual. Browserul vizitatorului site-ului dvs. va descărca stilurile dvs. personalizate de mai multe ori.

Pe de altă parte, în timp ce adăugarea CSS la un fișier de foaie de stil înseamnă că browserul trebuie să descarce o foaie de stil suplimentară, înseamnă, de asemenea, că browserul poate stoca fișierul în cache, astfel încât stilurile suplimentare să nu fie nevoie să fie descărcate din nou pentru fiecare pagină individuală.

Probleme de întreținere

Adăugarea CSS la CSS suplimentar înseamnă că trebuie să utilizați editorul din Customizer, care este destul de îngust și nu este potrivit pentru cantități mari de CSS. Dacă le adăugați într-o foaie de stil, puteți utiliza orice editor de text doriți, la o dimensiune mai confortabilă. Puteți chiar să utilizați editorul de teme în wp-admin pentru a edita fișierul CSS chiar în browser. Puteți găsi editorul de teme în Aspect > Editor de fișiere temă . Asigurați-vă că comutați la tema corectă atunci când editați și vă recomandăm cu căldură să faceți o copie de rezervă a site-ului înainte de a modifica fișierele cu tema copilului.

Editarea fișierelor cu tema

Vă recomandăm să utilizați una dintre aceste metode enumerate în loc să editați fișierele principale ale temei părinte, indiferent dacă utilizați Kadence sau orice altă temă. Editarea fișierelor cu teme nu numai că vă poate distruge site-ul, dar veți pierde acele personalizări data viitoare când tema se va actualiza.

Sau mai rău, atunci când adăugați cod sau modificați codul în fișierele dvs. de temă, veți fi pus în situația de a încerca să vă dați seama cum să vă păstrați personalizările în timp ce încă actualizați tema pentru noi funcții sau pentru a remedia o problemă de securitate.

Concluzie

Sperăm că această privire asupra temelor secundare a fost utilă pentru a înțelege când să folosiți o temă secundară, când nu, și noi modalități de a vă personaliza site-ul pentru performanțe optime atunci când adăugați personalizări. Dacă toate aceste lucruri par a fi prea multe de luat în considerare, probabil că ești în regulă cu instrumentele din Customizer în acest moment.