¿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
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/.
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.
- Dentro de la carpeta
Paso 2: Crear el archivo style.css
Crear el archivo style.css:
- Dentro de la carpeta de tu child-theme, crea un archivo llamado
style.css.
- Dentro de la carpeta de tu child-theme, crea un archivo llamado
Añadir encabezado al style.css:
- Abre el archivo
style.csscon un editor de texto y añade el siguiente encabezado:
- Abre el archivo
/*
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
Templatecoincida con el nombre de la carpeta del tema padre.
Paso 3: Crear el archivo functions.php
Crear el archivo functions.php:
- En la carpeta de tu child-theme, crea un archivo llamado
functions.php.
- En la carpeta de tu child-theme, crea un archivo llamado
Añadir código al functions.php:
- Abre el archivo
functions.phpy añade el siguiente código para enlazar el archivo de estilos del tema padre:
- Abre el archivo
<?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
Acceder al panel de administración de WordPress:
- Ve a
Apariencia>Temas.
- Ve a
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.
