WordPress și editarea completă a site-ului: Cum să creați o temă pentru copii și o temă de blocare

Publicat: 2022-12-09

Când ar trebui să utilizați o temă copil pentru WordPress? Este important să creați o temă copil dacă intenționați să faceți modificări personalizate la cod.

În acest fel, atunci când tema este actualizată, orice modificări personalizate ale codului nu vor fi suprascrise.

În mod tradițional, atunci când lucrați cu WordPress, acest lucru a necesitat realizarea unei copii a funcțiilor.php și style.css pentru a crea tema copil și punerea în coadă a temei copil la tema părinte.

Având în vedere structura diferită a fișierelor din Editarea completă a site-ului , au fost necesare unele ajustări pentru a putea fi găsite toate fișierele adecvate.

Din fericire, odată cu crearea pluginului Create Block Theme de către WordPress.org, crearea nu numai a unei teme secundare, ci și a unei teme complet personalizate sau a unei variații de stil este mai ușoară ca niciodată.

Creați pluginul Block Theme Captură de ecran de la WordPress.org Plugin Repository, decembrie 2022

Configurarea pluginului Create Block Theme pe WordPress

În primul rând, veți dori să instalați și să activați tema de blocare WordPress pentru care doriți să vă creați noua temă sau tema secundară – în acest caz, folosesc Twenty Twenty-Two.

Tema Douăzeci și două Captură de ecran din WordPress Dashboard, decembrie 2022

Apoi, parcurgeți următorii pași:

Accesați Plugin-uri > Adăugați nou .

În fereastra de căutare, găsiți „Creați temă bloc”.

Faceți clic pe Instalare și activare .

Pagina de pluginuri Captură de ecran din WordPress Dashboard, decembrie 2022Cu pluginul instalat, veți avea câteva opțiuni noi sub Aspect, inclusiv Creare temă bloc și Gestionare fonturi teme .

Opțiuni de aspect Captură de ecran din WordPress Dashboard, decembrie 2022

Crearea unei teme pentru copii WordPress

Pluginul Create Block Theme este o modalitate extrem de simplă de a crea o temă copil pentru un bloc, inclusiv o temă de editare completă a site-ului. Pluginul va crea automat folderul de piese, folderul de șabloane, theme.json și style.css.

Odată ce pluginul este instalat, sunteți gata să creați tema copil:

  • Sub Aspect , selectați Creare temă bloc .
  • Apoi selectați Creare copil pentru Twenty Twenty-Two (dacă ați selectat o altă temă, aceasta va afișa tema).
  • În partea dreaptă, completați Numele temei, Descrierea temei, URI-ul temei, autorul și URI-ul autorului.
  • Faceți clic pe butonul albastru Generare pentru a crea tema copil.
informații despre tema copilului Captură de ecran din WordPress Dashboard, decembrie 2022

Tema copilului dvs. va fi exportată ca fișier zip.

fișier zip cu temă copil Captură de ecran a fișierului temă copil generat, decembrie 2022

Sub Aspect > Teme , faceți clic pe Adăugați o temă și Încărcați temă și selectați fișierul zip care a fost generat.

Accesați Teme și asigurați-vă că vedeți noua temă pentru copil.

Crearea unei imagini personalizate pentru o temă pentru copii WordPress

Un dezavantaj al pluginului este că nu vă permite să adăugați un screenshot.png pentru tema copilului dvs. și nici nu îl folosește pe cel furnizat cu tema părinte.

Acest lucru poate fi remediat cu ușurință și oferă o notă personalizată plăcută pentru tema copilului dumneavoastră.

Folosind editorul de imagini preferat, creați o nouă imagine cu dimensiunea de 1200 x 900 pixeli și denumiți-o screenshot.png.

Plasați noul screenshot.png în dosarul temei copil pe care ați creat-o.

fișiere în tema copil Captură de ecran a fișierelor cu teme pentru tema copil WordPress, decembrie 2022

Navigați înapoi la teme și noua dvs. imagine ar trebui să apară cu tema copilului.

Imaginea Tema Copilului activ Captură de ecran din WordPress Dashboard, decembrie 2022

Acum că o temă secundară este setată pe tema blocului dvs., pot fi aduse modificări fișierelor șablon theme.json și style.css fără a înlocui fișierele cu tema părinte.

În acest fel, tema părinte poate fi actualizată fără probleme.

De asemenea, puteți exporta noua temă copil cu modificările făcute, cum ar fi imaginea, pentru a o utiliza ca temă secundară pentru noile instalări ale temei părinte.

Crearea unei teme bloc personalizate pe WordPress

Pluginul Create Block Theme oferă o serie de opțiuni pentru a vă crea propria temă. Puteți clona tema curentă și puteți face propriile modificări personalizate folosind aceasta ca șablon.

Odată ce ați făcut modificările și sunteți mulțumit de ele, puteți utiliza pluginul pentru a exporta tema cu toate modificările pe care le-ați făcut pentru a vă folosi noua temă pe alte site-uri web.

În plus, puteți crea o temă nouă complet goală, care utilizează tema curentă ca boilerplate. Aceasta este o modalitate excelentă de a face ceva care este complet personalizat.

Pentru a crea o temă complet nouă, parcurgeți următorii pași:

Sub Creare temă bloc , alegeți Creare temă goală .

Completați toate informațiile din partea dreaptă, denumiți-o și adăugați numele dvs. ca creator și apăsați Generare .

Creați o temă goală Captură de ecran din WordPress Dashboard, decembrie 2022

Noua ta temă va fi descărcată ca fișier zip.

Sub Aspect > Teme , puteți încărca și activa noua temă.

Faceți aceiași pași ca și tema copil, dacă doriți să adăugați o imagine personalizată pentru screenshot.png.

Activează noua temă și folosește-o ca punct de plecare pentru noua temă.

noua temă goală Captură de ecran din WordPress Dashboard, decembrie 2022

Utilizați modele, blocuri, părți de șablon și editorul de stiluri pentru a construi noua temă după aspectul dorit.

După ce ați terminat munca la noua temă, reveniți la Aspect > Creare temă bloc și exportați noua temă, care conține toate modificările pe care le-ați făcut.

Se va exporta ca fișier zip și poate fi încărcat în orice instalare nouă WordPress.

Gestionarea fonturilor de teme WordPress

O altă caracteristică excelentă a pluginului Creare temă bloc este posibilitatea de a adăuga și șterge cu ușurință fonturi pentru temă.

De obicei, pentru a adăuga fonturi noi la o temă, fonturile ar trebui să fie descărcate, adăugate în folderul de fonturi și puse în coadă în fișierul functions.php, sau ar trebui adăugat un link Google la cod.

Adăugarea mai multor fonturi poate complica și mai mult procesul.

Cu ajutorul pluginului, fonturile Google și fonturile locale de pe computer pot fi adăugate sau eliminate cu ușurință din tema personalizată sau dintr-o temă pe care ați instalat și activat-o.

Pentru fonturile Google, faceți clic pe Adăugați font Google și fereastra drop-down vă va oferi o listă a fonturilor Google disponibile.

Selectați fontul, bifați caseta de selectare și faceți clic pe butonul pentru a adăuga font Google la tema dvs.

Gestionați fonturile temei Captură de ecran din WordPress Dashboard, decembrie 2022
Adăugați fonturi Google Captură de ecran din WordPress Dashboard, decembrie 2022

Adăugarea unui font local pe care l-ați descărcat este un proces similar.

Faceți clic pentru a adăuga font local , încărcați fișierul fontului, completați numele fontului, stilul și greutatea și apăsați butonul pentru a încărca fontul local pe tema dvs.

Fonturi locale Captură de ecran din WordPress Dashboard, decembrie 2022

Teme WordPress pentru copii simplificate

Cu Editarea completă a site-ului și pluginul Creare temă bloc , crearea propriei variante de temă și stil este mai ușoară ca niciodată.

Folosirea pluginului în loc de a pune în coadă manual fișierele și de a schimba codul face ca crearea temei copil și adăugarea de noi fonturi să fie un proces simplu.

Modelele , variațiile de stil și blocurile reutilizabile atunci când sunt utilizate cu pluginul sunt modalități simple excelente de a crea propria temă personalizată pe care o puteți exporta și utiliza din nou.

Toate fără a fi nevoie să atingeți codul temei.

Mai multe resurse:

  • Cum să creezi o pagină personalizată 404 în WordPress
  • Cum să alegi cea mai bună temă WordPress pentru SEO
  • SEO tehnic avansat: un ghid complet

Imagine prezentată: Kaspars Grinvalds/Shutterstock