Qué es y Como crear un tema hijo de WordPressCrear un tema fill per modificar themes (aparença / aspecte) de WordPress.

Primer explicaré de forma breu què és un tema (FatherTheme) de WordPress

Un theme de WordPress és un conjunt d’arxius php i css que organitza la web i li otorga estils, colors i propietats a una web, blog o botiga. Quan creem un lloc web amb WordPress per defecte ve amb un aspecte bàsic sense el qual tot i que la web existeixi i tota la informació s’emmagatzemi en MySQL no funcionaria perquè el tema és el que mostra aquest contingut d’una manera determinada.

Avantatges de crear un tema fill per a un FatherTheme de WordPress

Hi ha multitud de temes per canviar totalment l’aspecte de WordPress però no és gens recomanable modificar el tema original per dos motius:

  1. Quan actualitzem el tema, el vell és sobreescrit per l’actualització i els canvis realitzats en la versió anterior del tema es perden i cal tornar-ho a modificar per tenir el lloc web com abans.
  2. Si hi ha algun error amb la plantilla modificada els autors del “theme modificat” no ofereixen suport (ajuda)

Ara anem a explicar què és un tema fill i com crear-lo per a modificar themes de WordPress sense canviar ni una sola línia del tema original:

  • ¿Què és un tema fill de WordPress?

Un tema fill (child theme) en WordPress és aquell que hereta les característiques d’un altre tema pare (father theme) i serveix per poder modificar un web sense necessitat de crear un tema des de zero sense tocar els arxius originals del tema pare del qual hereten tot el que no es defineixi en el ChildTheme (tema fill); llavors … si només ens cal modificar un parell de línies en l’estil “styles.css” i una mica al peu de pàgina “footer.php” només ens caldria crear un tema fill amb aquests dos archius (el style.css és imprescindible ja que és en el qual s’especifica l’arxiu css del tema pare per defecte)

  • ¿Com crear un tema fill de WordPress per a qualsevol FatherTheme?

Per crear un ChildTheme de WordPress primer haurem de triar quin serà el seu tema pare … localitzar la carpeta amb el seu nom i dins d’ella l’arxiu “style.css”, l’estructura de WordPress és wp-content / themes / nom-del tema / style.css

Ara crearem una carpeta dins de wp-content / themes / amb el nom que vulguem que tingui el tema fill … jo triaré Child-Theme però el nom no importa tot i que és bo que porti el nom del seu tema pare per si creem més d’un poder identificar-los de forma senzilla.

Qué es y Como crear un tema hijo de WordPress

Captura de Pantalla (IMAGEN)

Un cop creada la carpeta crearem un arxiu dins d’ella anomenat styles.css amb aquest codi (modificant el necessari):

/*
Theme Name: Child-Theme
Theme URI: http://ejemplo.com/
Description: Tema fill per a un tema pare
Author: EL TEU NOM AQUÍ
Author URI: http://exemple.com/qui-som/
Template: parenttheme
Version: 0.1.0
*/

/* Arriba moficar lo que se desee (opcional) 
Debajo hay que poner la url del archivo style.css del tema padre 
(aunque también se puede hacer desde el archivo functions.php) 
ej: @import url("../parenttheme/style.css"); 
*/

@import url("../wp-admin/themes/tema-padre/style.css");

/* Aquí sota hi afegim les modificacions de aspecte CSS (el que no especifiqui aquí serà heretat del tema-pare / style.css) */

Però si també ens cal fer canvis estructurals cal copiar els arxius a modificar del tema pare a la nova carpeta creada per al nostre tema fill, allà podrem canviar tot el necessari sense tocar el FatherTheme; d’aquesta manera el primer a processar el tema fill (ChildTheme) i si aquest no existeix … llavors es processa el del tema pare.

Així que si volem modificar el peu de pàgina no necessitarem copiar el header.php, ni el content.php, ni el sidebar.php … només necessitarem copiar el footer.php del tema pare i modificar al nostre gust.

¿Fàcil no?

Resum dels punts més importants:

  • Què és un Father Theme (tema pare) de WordPress
  • Què és un Child Theme (tema fill) de WordPress
  • Avantatges de crear un ChildTheme per a un tema pare
  • Com crear un tema fill de WordPress
  • Resum dels punts més importants

No t’ha quedat clar què és un ChildTheme? Llegeix-lo en el “Codex” de WordPress