¿Child-theme? Qué es y cómo crearlo en wordpress

¿Qué es un Child-theme?

Un Child-theme o tema hijo es un tema que hereda la funcionalidad y el estilo de otro tema, llamado tema padre. Los child-themes te permiten modificar y agregar funcionalidades al tema original sin perder la posibilidad de actualizarlo. Esto es esencial para mantener tu sitio seguro y con las últimas características.

¿Por qué deberías usar un Child-theme?

• Seguridad en Actualizaciones: Al usar un child-theme, puedes actualizar el tema padre sin perder tus personalizaciones.
• Organización: Mantiene tus modificaciones organizadas y separadas del código del tema original.
• Flexibilidad: Te permite realizar cambios avanzados sin riesgo de afectar la estructura principal del tema.

Guía paso a paso para crear un Child-theme

Paso 1: Crear la carpeta del Child-theme

1. Acceder a tu servidor:

   • Usa un cliente FTP como FileZilla o el gestor de archivos de tu panel de control de hosting.
   • Navega hasta wp-content/themes/.

2. Crear una nueva carpeta:

   • Dentro de la carpeta themes, crea una nueva carpeta para tu child-theme. Nómbrala de manera que refleje su relación con el tema padre, por ejemplo, mi-tema-hijo.

Paso 2: Crear el archivo style.css

1. Crear el archivo style.css:

   • Dentro de la carpeta de tu child-theme, crea un archivo llamado style.css.

2. Añadir encabezado al style.css:

   • Abre el archivo style.css con un editor de texto y añade el siguiente encabezado:

/*
Theme Name: Mi Tema Hijo
Theme URI: http://example.com/mi-tema-hijo
Description: Tema hijo de Mi Tema
Author: Tu Nombre
Author URI: http://example.com
Template: mi-tema-padre
Version: 1.0.0
*/

• Asegúrate de que el valor de Template coincida con el nombre de la carpeta del tema padre.

Paso 3: Crear el archivo functions.php

1. Crear el archivo functions.php:

   • En la carpeta de tu child-theme, crea un archivo llamado functions.php.

2. Añadir código al functions.php:

   • Abre el archivo functions.php y añade el siguiente código para enlazar el archivo de estilos del tema padre:

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

Paso 4: Activar el Child-theme

1. Acceder al panel de administración de WordPress:

   • Ve a Apariencia > Temas.

2. Activar el Child-theme:

   • Deberías ver el tema hijo en la lista de temas. Haz clic en «Activar».

Conclusión

Usar un child-theme es una práctica esencial para cualquier desarrollador de WordPress. Te permite mantener tus personalizaciones seguras y organizadas, asegurando que tu sitio web se mantenga actualizado y funcional. Si aún no estás usando child-themes, te animo a probarlo en tu próximo proyecto.