¿Cómo crear un tema hijo en WordPress?

Crear un tema hijo en WordPress es una de las mejores prácticas para personalizar un sitio sin perder cambios al actualizar el tema principal. Un tema hijo permite modificar la apariencia y funcionalidades de WordPress de forma segura, asegurando que las modificaciones se mantengan incluso cuando se actualice el tema padre.

En esta guía, aprenderás qué es un tema hijo, por qué deberías usarlo y cómo crearlo paso a paso.

¿Qué es un tema hijo en WordPress?

Un tema hijo es un tema que hereda todas las funcionalidades, diseño y configuraciones de otro tema, llamado tema padre. Su principal ventaja es que puedes personalizar el diseño y la estructura sin modificar el código original del tema padre, evitando que las actualizaciones sobrescriban tus cambios.

Beneficios de usar un tema hijo

• Mantiene los cambios seguros: Las actualizaciones del tema padre no afectan las modificaciones hechas en el tema hijo.
• Facilita la personalización: Puedes modificar archivos específicos sin tocar el código original.
• Mejor organización del código: Mantiene separadas las personalizaciones del código base del tema principal.

¿Cómo crear un tema hijo en WordPress?

A continuación, te mostramos un proceso detallado para crear un tema hijo de manera manual.

Paso 1: Crear la carpeta del tema hijo

1. Accede al directorio de tu sitio mediante FTP o el Administrador de Archivos de tu hosting.
2. Navega hasta wp-content/themes/.
3. Crea una nueva carpeta con el nombre de tu tema hijo. Por ejemplo, si el tema padre se llama twentytwentythree, podrías llamarlo twentytwentythree-child.

Paso 2: Crear el archivo style.css

Dentro de la carpeta del tema hijo, crea un archivo llamado style.css y agrégale el siguiente código:

/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://tudominio.com/
Description: Tema hijo de Twenty Twenty-Three
Author: Tu Nombre
Author URI: https://tudominio.com/
Template: twentytwentythree
Version: 1.0
*/

Es importante que el valor de Template coincida con el nombre de la carpeta del tema padre, ya que así WordPress podrá identificar la relación entre ambos.

Paso 3: Crear el archivo functions.php

El siguiente paso es crear el archivo functions.php dentro de la carpeta del tema hijo y agregar el siguiente código para heredar los estilos del tema padre:

<?php
function my_child_theme_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_child_theme_styles');

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

Paso 4: Activar el tema hijo

1. Ve al Escritorio de WordPress.
2. Dirígete a «Apariencia» > «Temas».
3. Busca el tema hijo que creaste y actívalo.

Paso 5: Personalizar el tema hijo

Una vez activado el tema hijo, puedes empezar a personalizarlo sin afectar el tema padre. Algunas formas de modificarlo incluyen:

• Editar el archivo style.css para cambiar colores, tipografías y diseño.
• Crear archivos de plantilla personalizados como header.php, footer.php o page.php para modificar la estructura.
• Agregar funciones personalizadas en functions.php sin alterar el tema padre.

Conclusión

Crear un tema hijo en WordPress es una práctica esencial para cualquier desarrollador o diseñador que quiera personalizar un sitio sin riesgo de perder cambios con las actualizaciones. Siguiendo estos pasos, puedes crear un tema hijo funcional y comenzar a modificarlo según tus necesidades. Con este método, aseguras un desarrollo más organizado, seguro y escalable para tu sitio web.