Guía completa para crear un tema hijo de WordPress desde cero

Crear un tema hijo en WordPress es una práctica recomendada para aquellos que desean personalizar un tema existente sin perder la capacidad de actualizarlo. Un tema hijo hereda las funcionalidades y el diseño de su tema padre, permitiéndote realizar modificaciones seguras y reversibles. En esta guía, exploraremos detalladamente cómo crear un tema hijo desde cero.

¿Qué es un Tema Hijo?

Un tema hijo es un tema que hereda todos los estilos y funcionalidades de otro tema, llamado tema padre. Esto permite modificar o agregar funcionalidades al tema padre sin alterar sus archivos originales. Al actualizar el tema padre, las modificaciones realizadas en el tema hijo no se verán afectadas.

Ventajas de Usar un Tema Hijo

• Seguridad en Actualizaciones: Las actualizaciones del tema padre no sobrescriben las personalizaciones realizadas en el tema hijo.
• Organización: Mantiene las personalizaciones organizadas y separadas del tema original.
• Desarrollo Flexible: Permite a los desarrolladores experimentar sin riesgo de perder el trabajo realizado en actualizaciones.

Pasos para Crear un Tema Hijo

1. Preparativos Iniciales

Antes de comenzar, asegúrate de tener acceso a los archivos de tu instalación de WordPress y a un editor de texto. También, es recomendable hacer una copia de seguridad de tu sitio web.

2. Crear la Carpeta del Tema Hijo

1. Accede a tu servidor: Utiliza un cliente FTP como FileZilla o el Administrador de Archivos de tu proveedor de hosting.
2. Navega hasta el directorio de temas: /wp-content/themes/.
3. Crea una nueva carpeta: Nombra esta carpeta descriptivamente, como mi-tema-hijo.

3. Crear el archivo style.css

Dentro de la carpeta del tema hijo, crea un archivo llamado style.css y añade el siguiente código:

cssCopiar código/*
 Theme Name:   Mi Tema Hijo
 Theme URI:    http://example.com/mi-tema-hijo
 Description:  Tema hijo de Twenty Twenty-One
 Author:       Tu Nombre
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* Aquí es donde se colocan los estilos personalizados */

• Theme Name: El nombre de tu tema hijo.
• Template: El nombre del directorio del tema padre (en este caso, twentytwentyone).
• Otros campos: Puedes personalizarlos según tus necesidades.

4. Crear el archivo functions.php

El siguiente paso es crear el archivo functions.php en la carpeta del tema hijo para que este pueda heredar los estilos del tema padre. Abre tu editor de texto y añade el siguiente código:

phpCopiar código<?php
// Función para encolar los estilos del tema padre
function mi_tema_hijo_enqueue_styles() {
    $parent_style = 'twentytwentyone-style'; // Cambia esto si tu tema padre tiene un handle diferente

    wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array($parent_style),
        wp_get_theme()->get('Version')
    );
}
add_action('wp_enqueue_scripts', 'mi_tema_hijo_enqueue_styles');
?>

Este código asegura que los estilos del tema padre sean cargados antes que los del tema hijo.

5. Activar el Tema Hijo

1. Inicia sesión en el panel de administración de WordPress.
2. Navega a Apariencia > Temas.
3. Busca y activa tu tema hijo.

Personalizaciones Adicionales

Ahora que tu tema hijo está activo, puedes empezar a personalizarlo. Aquí algunos ejemplos de personalizaciones comunes:

Sobrescribir Plantillas

Puedes sobrescribir cualquier archivo de plantilla del tema padre simplemente copiando el archivo desde la carpeta del tema padre a la carpeta del tema hijo y modificándolo según tus necesidades.

Agregar Estilos Personalizados

Puedes agregar estilos CSS personalizados directamente en el archivo style.css del tema hijo.

Agregar Funcionalidades

Puedes agregar funciones adicionales al archivo functions.php del tema hijo.

Ejemplo Práctico

Supongamos que deseas cambiar la apariencia del encabezado de tu sitio. Primero, localiza el archivo de plantilla correspondiente en el tema padre (por ejemplo, header.php). Luego, copia este archivo a la carpeta del tema hijo y realiza tus modificaciones.

Conclusión

Crear un tema hijo en WordPress es una forma poderosa y flexible de personalizar tu sitio web mientras mantienes la seguridad y la capacidad de actualización del tema padre. Siguiendo los pasos detallados en esta guía, podrás crear y activar un tema hijo desde cero, permitiéndote realizar personalizaciones seguras y organizadas. ¡Empieza a experimentar y disfruta de la libertad que te ofrece un tema hijo!