¡Acceso ilimitado 24/7 a todos nuestros libros y vídeos! Descubra la Biblioteca Online ENI. Pulse aquí
¡Acceso ilimitado 24/7 a todos nuestros libros y vídeos! Descubra la Biblioteca Online ENI. Pulse aquí
  1. Libros
  2. WordPress
  3. Los temas hijo
Extrait - WordPress Desarrolle temas avanzados con PHP (teoría, ejercicios prácticos y recursos) (3ª edición)
Extractos del libro
WordPress Desarrolle temas avanzados con PHP (teoría, ejercicios prácticos y recursos) (3ª edición) Volver a la página de compra del libro

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, PHP u otros 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-Three, asigne el nombre «twentytwentythree-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.

images/05_001.png

Carpeta wp-content con la carpeta twentytwentythree-child

2. El archivo style.css

En la carpeta hija (por ejemplo, twentytwentythree-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-Three 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.

Ejemplo de tema Twenty Twenty-Three

/* 
Theme Name: Twenty Twenty-Three child 
Template: twentytwentythree 
*/ 

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.

images/05_002.png

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

En la administración: Apariencia - Temas, active el tema hijo. El sitio tiene el mismo aspecto que el padre.

Puede agregar los mismos comentarios que cuando crea un tema para enriquecer los detalles de su tema hijo, como se ve en el capítulo de WordPress y PHP - sección Los archivos principales.

Antes de agregar reglas CSS, debe importar la hoja de estilos padre. Para hacer esto, consulte la sección Poner en cola las hojas...

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).

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.