Com crear un tema infantil i un tema de bloc


Quan hauríeu d’utilitzar un tema infantil per a WordPress? És important crear un tema infantil si teniu previst fer canvis personalitzats al codi.

D’aquesta manera, quan el tema s’actualitza, els canvis personalitzats al codi no es sobreescriuran.

Tradicionalment, quan es treballa amb WordPress, això ha requerit fer una còpia de functions.php i style.css per crear el tema secundari i posar en cua el tema secundari al tema principal.

Amb la diferent estructura de fitxers a Edició completa del lloccalia fer alguns ajustos per trobar tots els fitxers adequats.

Afortunadament, amb la creació del Crea un complement de tema de bloc per WordPress.org, crear no només un tema secundari, sinó un tema completament personalitzat o una variació d’estil és més fàcil que mai.

Crea un complement de tema de blocCaptura de pantalla del dipòsit de complements de WordPress.org, desembre de 2022

Configuració del connector Create Block Theme a WordPress

En primer lloc, voldreu instal·lar i activar el tema de bloc de WordPress per al qual voleu crear el vostre nou tema o tema fill; en aquest cas, estic fent servir Twenty Twenty-Two.

Tema vint vint-i-dosCaptura de pantalla del tauler de control de WordPress, desembre de 2022

A continuació, feu els passos següents:

Anar a Connectors > Afegir nou.

A la finestra de cerca, cerqueu “Crea un tema de bloc”.

Feu clic Instal·lar i activar.

Pàgina de connectorsCaptura de pantalla del tauler de control de WordPress, desembre de 2022

Amb el connector instal·lat, tindreu algunes opcions noves a sota aparença, inclòs Crea un tema de bloc i Gestioneu els tipus de lletra del tema.

Opcions d'aparençaCaptura de pantalla del tauler de control de WordPress, desembre de 2022

Creació d’un tema infantil de WordPress

El connector Crea un tema de bloc és una manera extremadament senzilla de crear un tema secundari per a un bloc, inclòs un tema d’edició del lloc complet. El connector crearà automàticament la carpeta de peces, la carpeta de plantilles, theme.json i style.css.

Un cop instal·lat el connector, ja esteu preparat per crear el tema fill:

  • Sota Aparençaseleccioneu Crea un tema de bloc.
  • A continuació, seleccioneu Crea un fill de vint-i-dos (si heu seleccionat un tema diferent, apareixerà aquest tema).
  • A la dreta, empleneu Nom del tema, Descripció del tema, URI del tema, autor i URI de l’autor.
  • Feu clic al blau Generar botó per crear el tema secundari.
informació del tema infantilCaptura de pantalla del tauler de control de WordPress, desembre de 2022

El tema infantil s’exportarà com a fitxer zip.

fitxer zip del tema fillCaptura de pantalla del fitxer de tema infantil generat, desembre de 2022

Sota Aparença > Temesfeu clic Afegeix un tema i Carrega el tema, i seleccioneu el fitxer zip que s’ha generat.

Aneu a Temes i assegureu-vos que veieu el vostre nou tema infantil.

Creació d’una imatge personalitzada per a un tema infantil de WordPress

Un dels inconvenients del connector és que no us permet afegir un screenshot.png per al tema del vostre fillni utilitza el que es proporciona amb el tema principal.

Això es pot arreglar fàcilment i proporciona un toc personalitzat agradable per al tema del vostre fill.

Amb el vostre editor d’imatges favorit, creeu una imatge nova de 1200 x 900 píxels de mida, i nomena’l screenshot.png.

Col·loqueu el nou screenshot.png dins de la carpeta del tema secundari que heu creat.

fitxers en tema infantilCaptura de pantalla dels fitxers del tema per al tema infantil de WordPress, desembre de 2022

Torneu als temes i la vostra nova imatge hauria d’aparèixer amb el tema del vostre fill.

Imatge del tema infantil actiuCaptura de pantalla del tauler de control de WordPress, desembre de 2022

Ara que s’ha configurat un tema secundari al tema de bloc, es poden fer canvis al tema theme.json i els fitxers de plantilla style.css sense anul·lar els fitxers del tema principal.

D’aquesta manera, el tema principal es pot actualitzar sense cap problema.

També podeu exportar el tema secundari nou amb els canvis realitzats, com ara la imatge, per utilitzar-lo com a tema secundari per a instal·lacions noves del tema principal.

Creació d’un tema de bloc personalitzat a WordPress

El Crea un complement de tema de bloc ofereix una sèrie d’opcions per crear el vostre propi tema. Podeu clonar el tema actual i fer els vostres propis canvis personalitzats utilitzant-lo com a plantilla.

Un cop hàgiu fet els canvis i estigueu satisfet amb ells, podeu utilitzar el connector per exportar el tema amb tots els canvis que heu fet per utilitzar el vostre nou tema a altres llocs web.

A més, podeu crear un tema nou completament en blanc que utilitzi el tema actual com a boilerplate. Aquesta és una manera fantàstica de fer alguna cosa completament personalitzada.

Per crear un tema completament nou, seguiu els passos següents:

Sota Crea un tema de bloctria Crea un tema en blanc.

Omple tota la informació del costat dret, anomena-la i afegeix el teu nom com a creador, i fes clic Generar.

Crea un tema en blancCaptura de pantalla del tauler de control de WordPress, desembre de 2022

El vostre nou tema es baixarà com a fitxer zip.

Sota Aparença > Temespots pujar i activar el teu nou tema.

Feu els mateixos passos que el tema infantil si voleu afegir una imatge personalitzada per a la captura de pantalla.png.

Activeu el nou tema i utilitzeu-lo com a punt de partida per al vostre nou tema.

nou tema en blancCaptura de pantalla del tauler de control de WordPress, desembre de 2022

Utilitzeu patrons, blocs, parts de plantilles i l’editor d’estils per crear el vostre nou tema amb el vostre aspecte desitjat.

Un cop hàgiu completat el treball sobre el vostre nou tema, torneu a Aparença > Crea un tema de bloc i exporteu el tema nou, que conté tots els canvis que hi heu fet.

S’exportarà com a fitxer zip i es pot penjar a qualsevol instal·lació nova de WordPress.

Gestió de fonts temàtiques de WordPress

Una altra gran característica del Crea un complement de tema de bloc és poder afegir i suprimir fàcilment fonts per al tema.

Normalment, per afegir nous tipus de lletra a un tema, els tipus de lletra haurien de ser baixats, afegits a la carpeta de tipus de lletra i posat a la cua a les funcions.php fitxer, o a Enllaç de Google caldria afegir al codi.

Afegir diversos tipus de lletra pot complicar encara més el procés.

Amb el connector, Fonts de Google i fonts locals del vostre ordinador es pot afegir o eliminar fàcilment del vostre tema personalitzat o d’un tema que hàgiu instal·lat i activat.

Per als tipus de lletra de Google, feu clic Afegeix Google Font i la finestra desplegable us mostrarà una llista dels tipus de lletra de Google disponibles.

Seleccioneu el tipus de lletra, marqueu la casella de selecció i feu clic al botó per afegir Google Font al vostre tema.

Gestioneu els tipus de lletra del temaCaptura de pantalla del tauler de control de WordPress, desembre de 2022
Afegeix fonts de GoogleCaptura de pantalla del tauler de control de WordPress, desembre de 2022

Afegir un tipus de lletra local que hàgiu baixat és un procés similar.

Feu clic a Afegeix una font localcarregueu el fitxer de tipus de lletra, ompliu el nom, l’estil i el pes del tipus de lletra i premeu el botó per carregar el tipus de lletra local al vostre tema.

Tipus de lletra localsCaptura de pantalla del tauler de control de WordPress, desembre de 2022

Temes infantils de WordPress simplificats

Amb Edició completa del lloc i la Crea un complement de tema de bloccrear el vostre propi tema i variacions d’estil és més fàcil que mai.

L’ús del connector en lloc de posar en cua manualment els fitxers i canviar el codi fa que la creació de temes secundaris i l’addició de fonts noves sigui un procés senzill.

Patrons, variacions d’estili blocs reutilitzables quan s’utilitza amb el connector, hi ha maneres senzilles de crear el vostre propi tema personalitzat que podeu exportar i tornar a utilitzar.

Tot sense necessitat de tocar cap codi del tema.

Més recursos:


Imatge destacada: Kaspars Grinvalds/Shutterstock





Source link

Com crear un tema infantil i un tema de bloc