Cómo crear tema hijo para WordPress

En la vasta y siempre evolucionante arena del diseño y mantenimiento web con WordPress, uno de los conceptos cruciales que cualquier propietario de un sitio web debe entender es el de los «temas hijo».

Si estás buscando optimizar tu sitio web de WordPress para mejorar su funcionalidad, personalización y mantenimiento, estás en el lugar correcto.

En este artículo, exploraremos a fondo qué es un tema hijo de WordPress, sus ventajas y cómo crear uno por ti mismo.

Acompáñame en este viaje para descubrir cómo puedes elevar la experiencia de tu sitio web al siguiente nivel.

Artículos recomendados:

Los 20 mejores Plugins WordPress para redes sociales

Mejores Plugins de SEO para WordPress: Optimiza tu Sitio Web

¿Qué es un tema hijo WordPress?

Para entender qué es un tema hijo de WordPress, primero necesitas conocer cómo funcionan los temas en WordPress. Los temas son la esencia visual y estructural de tu sitio web.

Definen cómo se ve y se siente tu sitio, incluyendo aspectos como el diseño, los estilos y los elementos gráficos. Ahora, un tema hijo es esencialmente una extensión de otro tema principal (también conocido como «tema padre»).

Se utiliza para realizar modificaciones y personalizaciones en el diseño y el funcionamiento del sitio web sin afectar al tema principal.

Ventajas de usar un WordPress child theme

Usar un tema hijo en WordPress tiene varias ventajas clave que pueden mejorar en gran medida la administración y el mantenimiento de tu sitio web:

1. Mantenimiento del tema principal

Cuando realizas modificaciones directamente en el tema principal, corres el riesgo de perder todos los cambios cuando se lanza una actualización del tema. Sin embargo, con un tema hijo, tus personalizaciones permanecerán intactas incluso después de las actualizaciones del tema principal.

2. Evita la pérdida de personalizaciones

Imagina pasar horas personalizando el diseño de tu sitio web solo para descubrir que todas tus personalizaciones desaparecieron después de una actualización del tema.

Un tema hijo evita esta pesadilla, ya que todas las modificaciones se realizan en el hijo, mientras que el tema principal se mantiene intacto.

3. Mayor flexibilidad

Un tema hijo te brinda la libertad de experimentar con diferentes modificaciones y personalizaciones sin afectar el funcionamiento del tema principal. Esto es especialmente útil para los desarrolladores y diseñadores que desean realizar pruebas sin comprometer la estabilidad del sitio.

4. Mejora de la seguridad

Al mantener tu tema principal sin modificaciones directas, reduces el riesgo de vulnerabilidades de seguridad. Los temas hijo mantienen separados los archivos de sistema esenciales, lo que hace que tu sitio sea más seguro.

¿Cómo crear un tema hijo WordPress de manera manual?

La creación de un tema hijo de WordPress puede parecer un proceso complicado, pero con los pasos adecuados, puedes lograrlo sin problemas.

Aquí hay una guía paso a paso para crear un tema hijo de WordPress de manera manual:

1. Accede a los archivos de tu sitio

Usa un cliente FTP para acceder a los archivos de tu sitio web. Ubica la carpeta «wp-content/themes» y busca el directorio del tema principal que deseas usar como base para tu tema hijo.

2. Crea una nueva carpeta

Dentro del directorio del tema principal, crea una nueva carpeta y nómbrala de manera lógica, como «[nombre del tema]-child».

3. Crea los archivos style.css y functions.php

Dentro de la carpeta del tema hijo, crea un archivo llamado «style.css». En este archivo, agrega el siguiente código:

/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/
/* =Aquí empieza la personalización de tu tema
-------------------------------------------------------------- */

Nota: El ejemplo anterior es solo un encabezado de ejemplo para la plantilla Twenty Fourteen, el cual debes personalizar según corresponda al tema que vayas a usar.

Luego, crea un archivo llamado «functions.php» y agrega el siguiente código:

<?php 
    // Funcion a nuestro gusto que queramos incluir
     function enqueue_parent_styles() { 
        wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css'); 
    } 
    add_action('wp_enqueue_scripts', 'enqueue_parent_styles'); 
?>

En el ejemplo de código anterior, usamos «wp_enqueue_style ()» para importar la hoja de estilos del Parents o tema padre en el Theme Child o tema hijo.

4. Activa el tema hijo

Una vez que hayas creado los archivos, activa el tema hijo desde el panel de administración de WordPress. ¡Listo! Ahora tienes un tema hijo funcional que hereda todas las características del tema principal.

Consulta el codex si deseas actualizar o ampliar esta información.

Creación de un child theme de la plantilla de WordPress GeneratePress

Uno de los temas populares de WordPress es GeneratePress, conocido por su flexibilidad y personalización. Aquí te mostraremos cómo crear un child theme de GeneratePress:

1. Accede a los archivos de tu sitio

Usa un cliente FTP para acceder a los archivos de tu sitio web. Ubica la carpeta «wp-content/themes» y busca el directorio «generatepress».

2. Crea una nueva carpeta para el tema hijo

Dentro del directorio raíz del tema principal, crea una nueva carpeta y nómbrala «generatepress_child».

3. Crea los archivos style.css y functions.php

Dentro de la carpeta del tema hijo, crea un archivo llamado «style.css» y agrega los siguientes detalles:

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* A partir de acá personaliza tu tema con CSS */

Luego, crea un archivo llamado «functions.php» y agrega este código:

<?php
/**
 * GeneratePress child theme functions and definitions.
 *
 * Add your custom PHP in this file.
 * Only edit this file if you have direct access to it on your server (to fix errors if they happen).
 */

Nota: en el actual directorio agrega una imagen alusiva a tu tema child que estas configurando.

4. Activa el tema hijo

Una vez que hayas completado los pasos anteriores, ve al panel de administración de WordPress y activa el tema hijo. Ahora puedes realizar personalizaciones sin preocuparte por perderlas en futuras actualizaciones.

Descargarte aquí el child theme de GeneratePress.

Plugin para crear tema hijo WordPress

Si la creación manual de un tema hijo parece desafiante, también puedes optar por usar un plugin.

Uno de los plugins populares para crear temas hijos es «Child Theme Configurator«. Aquí tienes una breve guía para crear un tema hijo con este plugin:

1. Instala y activa el plugin

Ve a «Plugins» en el panel de administración de WordPress, busca «Child Theme Configurator» e instálalo y actívalo.

2. Configura el tema hijo

Una vez activado, ve a «Herramientas» y selecciona «Configurador de temas hijo». Selecciona el tema padre que deseas utilizar y sigue las instrucciones para crear y activar el tema hijo.

¿Cómo instalar tema hijo WordPress?

La instalación de un tema hijo de WordPress es un proceso sencillo:

1. Asegúrate de haber creado correctamente el tema hijo según los pasos mencionados anteriormente.
2. Ve al panel de administración de WordPress y dirígete a «Apariencia» > «Temas».
3. Verás el tema hijo que has creado. Actívalo haciendo clic en «Activar».

¡Y eso es todo! Ahora tu sitio web está utilizando un tema hijo de WordPress que te permite realizar personalizaciones sin preocupaciones.

Conclusión

En el emocionante mundo del diseño y mantenimiento web con WordPress, comprender conceptos clave como los temas hijos es esencial para lograr un sitio web eficiente y personalizado.

Ahora que sabes qué es un tema hijo de WordPress, sus ventajas y cómo crear uno, estás preparado para llevar la experiencia de tu sitio web al siguiente nivel.

Recuerda que los temas hijos son una herramienta poderosa para realizar modificaciones y personalizaciones de manera segura y efectiva. ¡No dudes en experimentar y crear un entorno web que refleje tu visión única!