Los temas hijo

¿Qué es un tema hijo?

Hay muchos temas en WordPress. Puede crear algunos, en cuyo caso este capítulo no le afecta a usted, o puede que compre temas de pago que se tienen que actualizar. Son raros los temas gratuitos que se actualizan. Si su tema se actualiza pronto y ha realizado cambios, la actualización sobrescribe cualquier cambio realizado en las plantillas de página, el archivo style.css o cualquier otro archivo nativo del tema. La actualización eliminará todos los archivos del tema y los reemplazará con los nuevos archivos, independientemente de los cambios.

Un tema hijo está inherentemente sujeto a cambios, mientras depende de un tema padre que se puede actualizar en cualquier momento. De esta manera, los cambios realizados no se perderán. No obstante, será necesario verificar los archivos hijo, para que tengan la misma estructura que los archivos actualizados, evitar problemas de HTML, CSS o PHP y poder aprovechar las nuevas funcionalidades que ofrece el tema.

El tema hijo se beneficia de todas las funciones del tema padre. El hijo es una especie de clon del padre y cualquier cambio en el código del hijo sobrescribe el código del padre.

El uso de un tema hijo es la forma más segura de trabajar en un tema que deberá actualizarse. La mayoría de los temas de pago integran directamente el tema hijo, como los temas del sitio web themeforest.

Referencia...

Crear y utilizar un tema hijo

1. Crear una carpeta para el tema hijo

Para crear un tema hijo, primero cree una carpeta en wpcontent/themes, al mismo nivel que la carpeta del tema padre. Asigne a la nueva carpeta el nombre que quiera. Es una buena práctica asignar a la carpeta el nombre del tema padre, seguido de "-child" (hijo en inglés) para poder navegar mejor. Por tanto, si está creando un tema hijo del tema Twenty Twenty, asigne el nombre "twentytwenty-child" a la nueva carpeta.

Un tema hijo necesita al menos dos archivos obligatorios dentro de su carpeta para funcionar: style.css y functions.php.

Carpeta wp-content con la carpeta twentytwenty-child

2. El archivo style.css

En la carpeta hija (por ejemplo, twentytwenty-child), cree un archivo llamado style.css. Posteriormente, complete el encabezado del archivo con un comentario CSS. También puede copiar el encabezado del tema padre y agregar "child" al nombre, para no confundir los temas en la administración.

/* 
Nombre del tema: Twenty twenty child 
*/

Si el nombre no está presente en el archivo style.css, el nombre que se muestra es el de la carpeta.

Para que WordPress pueda establecer la relación padre/hijo, agregue en el comentario del encabezado el marcador Template:, con el valor del nombre de la carpeta del tema padre.

Exemple pour le thème Twenty Twenty

/* 
Theme Name: Twenty Twenty child 
Template: twentytwenty 
*/

Tenga cuidado de no poner un espacio entre los dos puntos y los nombres clave (Theme Name:, Template:, etc.), de lo contrario, el valor no se tiene en cuenta.

Vaya a administración: Apariencia - Temas, su tema hijo está presente. Si la imagen screenshot.png no aparece, cree una o copie y pegue la imagen screenshot.png del tema principal en la carpeta secundaria. Puede cambiarlo más tarde.

Página Apariencia - Temas con el tema hijo y el screenshot modificado...

Los temas hijo para las extensiones

Algunas extensiones utilizan el mismo principio que los temas. En general, se trata de extensiones que permiten mostrar nuevas páginas en el sitio web y que ofrecen un sistema de plantillas o temas. Algunas extensiones le permiten crear y personalizar sus propias plantillas, como la extensión WooCommerce (extensión de comercio electrónico) o bbPress (extensión de foro).

Para WooCommerce, consulte el capítulo WooCommerce - Las plantillas de página de WooCommerce.

Es importante consultar siempre la documentación de la extensión, ya que algunas extensiones tienen su propia API y permiten a los desarrolladores usar nuevos objetos, nuevas funciones o integrar temas hijo.