Un tema infantil és una manera fantàstica de personalitzar el vostre lloc de WordPress sense haver de preocupar-vos de perdre els vostres canvis quan es publica una nova actualització. Et donarà tots els estils i funcions del teu tema principal, però la llibertat de fer retocs i canvis sense por de trencar res!

Què és un tema infantil de WordPress?

Un tema fill de WordPress és un tema que hereta la funcionalitat d'un altre tema, anomenat tema principal. Els temes secundaris s'utilitzen sovint quan voleu personalitzar o modificar un tema de WordPress existent sense perdre la possibilitat d'actualitzar aquest tema en el futur.

Com que un tema secundari hereta la seva funcionalitat del tema principal, només heu d'incloure els fitxers al tema secundari que voleu modificar. D'aquesta manera, el tema del vostre fill es manté ajustat i facilita l'actualització dels temes dels pares i dels fills en el futur.

Per què utilitzar un tema infantil?

Hi ha algunes bones raons per utilitzar un tema infantil:

• Si feu canvis al codi del vostre tema, aquests canvis es perdran quan el tema s'actualitzi. Si feu servir un tema infantil, podeu mantenir les vostres personalitzacions i aprofitar les actualitzacions del tema.
• Els temes infantils són una bona manera d'aprendre sobre els temes de WordPress. Podeu començar amb un tema principal que ja tingui totes les funcions i el codi que necessiteu i, a continuació, experimentar fent canvis al tema del vostre fill sense afectar el tema principal.
• Si voleu distribuir les vostres personalitzacions com a tema autònom, podeu fer-ho empaquetant el tema del vostre fill juntament amb el tema principal.

Com crear un tema infantil de WordPress

Hi ha 3 mètodes de dificultat variable segons el tema que utilitzeu i el vostre nivell de coneixements de programació.

Opció 1: Baixeu des de l'autor del tema

Molts autors de temes us permeten descarregar un tema infantil preempaquetat. Jo faig servir per exemple Astra Pro que ofereix aquest servei. Tot el que has de fer és visitar el seu lloc web i descarregar el fitxer ZIP.

Opció 2: Utilitzeu un connector

Hi ha diversos connectors gratuïts al repositori de WordPress que us crearan automàticament un tema secundari. Mai he utilitzat un connector per a creador de temes per a nens, així que no puc donar-los cap garantia, però Configurador de temes infantils té moltes instal·lacions, bones ressenyes i s'havia actualitzat recentment en el moment d'escriure. Consulteu la meva guia per triar els connectors de WordPress aquí.

Opció 3: Creació manual

Crear manualment un tema infantil és relativament senzill. En realitat només són dos fitxers: un style.css i functions.php.

Pas 1: creeu una carpeta de tema infantil

Creeu una carpeta nova amb un nom descriptiu, normalment té sentit posar-hi un nom tema-infant (on themename és el nom del vostre tema actual.

Pas 2: creeu un full d'estils

El fitxer style.css és on afegireu tot el vostre codi CSS. Aquest fitxer s'ha de desar a la carpeta de temes secundaris que acabeu de crear.

Per crear el fitxer style.css, obriu un editor de text (com ara Bloc de notes o TextEdit) i afegiu el codi següent:

/*
Nom del tema: Tema del meu fill
URI del tema: http://example.com/my-child-theme/
Descripció: un tema infantil per al meu tema
Autor: John Doe
URI de l'autor: http://example.com/
Plantilla: el meu-tema
Versió: 1.0.0
*/

/* Inicia el codi CSS personalitzat */

/* Finalitzar el codi CSS personalitzat */

Assegureu-vos de substituir "El meu tema infantil" pel nom del tema infantil, "El meu tema" pel nom del tema principal i "John Doe" pel vostre nom (o el nom de qui ha creat el tema infantil). La línia de plantilla hauria de coincidir amb el nom del directori del vostre tema principal: si el vostre tema principal es troba a /wp-content/themes/my-theme/, la plantilla també hauria de ser el meu tema. Podeu deixar el número de versió com a 1.0.0 o canviar-lo per una altra cosa; realment no importa el que feu servir aquí, sempre que coincideixi amb el que hi ha a functions.php (hi arribarem en un minut). Després de l'etiqueta de comentari */ de tancament, podeu afegir qualsevol codi CSS personalitzat per al tema del vostre fill.*/

Pas 3: col·loqueu el full d'estils

Ara haureu de crear un fitxer functions.php i desar-lo a la mateixa carpeta. Això és per assegurar-vos que els fulls d'estil tant del pare com del fill es carreguen correctament, i també és on afegireu els filtres i els ganxos d'acció per personalitzar el vostre lloc.

Aquí és on les coses es poden complicar una mica, ja que el codi necessari per posar en cua els estils depèn de com estigui dissenyat el tema principal.

En 90% dels casos, però, hauria de funcionar el següent:

get('Versió') // Això només funciona si teniu la versió definida a la capçalera d'estil. ); }

* tingueu en compte que heu de canviar el "handle principal" pel nom del full d'estil dels temes pare.

Pas 4: comprimeix-lo

Ara voldreu comprimir la carpeta que conté els dos fitxers perquè estigui llest per pujar al vostre lloc de WordPress.

Instal·leu i activeu el tema infantil

Tant si heu creat el tema secundari manualment, amb un connector o si l'heu descarregat dels autors del vostre tema principal, el procés d'instal·lació és el mateix.

Anar a Aparença > Temes > Afegeix nou i seleccioneu la carpeta del tema secundari comprimit.

Ara hauríeu de veure el tema secundari a la llista juntament amb tots els altres temes instal·lats i simplement podeu fer clic activar.

Conclusió

Un tema secundari de WordPress és una manera fantàstica de personalitzar un tema existent sense perdre cap dels vostres canvis quan s'actualitza el tema principal. En crear un tema secundari, podeu fer tants canvis com vulgueu sense afectar el tema principal. A més, és una bona manera d'aprendre més sobre els temes de WordPress i com funcionen.