Crear child theme en WordPress con Plesk: Tutorial completo

¿No sabes qué es un tema hijo en WordPress ni cómo crearlo usando Plesk? No te preocupes, has llegado al lugar indicado. Aquí te explicaré paso a paso qué es un child theme WordPress Plesk, por qué es tan importante para tu sitio web y, lo más importante, cómo crear tema hijo WordPress de manera segura y sin complicaciones técnicas, directamente desde tu panel de control Plesk.

Este artículo está diseñado para que cualquier persona, incluso sin experiencia en programación, pueda seguir las instrucciones. Al final, sabrás exactamente cómo proteger tus personalizaciones y mantener tu web actualizada sin perder ningún cambio.

¿Qué es un tema hijo (child theme) en WordPress?

Imagina que tu tema de WordPress es como la pintura original de una casa. Si quieres cambiar el color de una pared, lo ideal es hacerlo sobre una capa de yeso nuevo, no directamente sobre la pintura original. Un child theme es exactamente eso: una capa separada que hereda todas las funciones y estilos de tu tema principal (llamado tema padre), pero que te permite hacer modificaciones sin tocar el código original.

Cuando instalas un tema en WordPress, este contiene archivos como style.css, functions.php y plantillas como header.php o footer.php. Si modificas directamente estos archivos del tema padre, perderás todos los cambios cuando el tema se actualice. Con un WordPress Plesk child theme, tus personalizaciones quedan protegidas.

¿Por qué necesitas un child theme?

Hay tres razones principales por las que crear tema hijo WordPress es una práctica recomendada por todos los expertos:

Actualizaciones seguras: Puedes actualizar el tema padre sin miedo a que se borren tus cambios.
Personalización sin riesgos: Añades código CSS personalizado, funciones PHP o modificas plantillas sin tocar el original.
Rendimiento y compatibilidad: Al mantener el tema padre intacto, aseguras que las mejoras de seguridad y compatibilidad sigan funcionando.

Si alguna vez has perdido horas de trabajo porque tu tema se actualizó automáticamente, sabes de lo que hablo. Con un child theme, eso no volverá a pasar.

Requisitos antes de empezar

Antes de meternos en materia, asegúrate de tener lo siguiente:

Acceso a tu panel de control Plesk (normalmente a través de https://tudominio.com:8443).
Un sitio web con WordPress instalado y funcionando.
Un tema padre activo (puede ser cualquier tema, como Astra, GeneratePress, Twenty Twenty-Four, etc.).
Conocimientos básicos de navegación por archivos (no te asustes, es más fácil de lo que parece).

Si tu hosting usa Syspanel (el nombre comercial de HestiaCP), el acceso es por el puerto 2106: https://tudominio.com:2106. Pero en este artículo nos centraremos en Plesk.

Paso a paso: Cómo crear un child theme en WordPress con Plesk

Voy a guiarte por el proceso completo. No necesitas instalar plugins adicionales, aunque al final te daré una alternativa por si prefieres automatizarlo.

1. Accede a tu panel de Plesk

Abre tu navegador y escribe la dirección de tu panel Plesk. Normalmente es algo como:

https://tudominio.com:8443

Inicia sesión con tus credenciales (usuario y contraseña). Si no las tienes, contacta con tu proveedor de hosting.

2. Navega hasta el administrador de archivos

Una vez dentro de Plesk, busca la sección "Archivos" o "File Manager". Suele estar en el menú principal o dentro de la pestaña de tu dominio. Haz clic en el nombre de tu dominio para ver sus archivos.

3. Localiza la carpeta de temas de WordPress

Dentro del administrador de archivos, busca la carpeta httpdocs (o public_html, depende de la configuración). Allí encontrarás la instalación de WordPress. Abre la carpeta wp-content y luego themes.

En esta carpeta están todos los temas instalados en tu WordPress. Verás carpetas como twentytwentyfour, astra, etc. Ahí es donde crearemos nuestro child theme.

4. Crea la carpeta del child theme

Haz clic en "Nuevo directorio" o "Crear carpeta". Dale un nombre descriptivo, por ejemplo:

Si tu tema padre es astra, llama a la carpeta astra-child.
Si es twentytwentyfour, llámala twentytwentyfour-child.

La convención es usar el nombre del tema padre seguido de -child. Así es más fácil identificarlo después.

5. Crea el archivo `style.css` del child theme

Dentro de la carpeta que acabas de crear (ej: astra-child), haz clic en "Nuevo archivo" y nómbralo style.css (obligatorio, con minúsculas y sin espacios).

Ahora, haz clic derecho sobre el archivo y selecciona "Editar" o "Edit in text editor". Se abrirá un editor de texto plano. Pega el siguiente contenido:

/*
 Theme Name:   Astra Child
 Theme URI:    https://tudominio.com
 Description:  Tema hijo de Astra
 Author:       Tu nombre
 Author URI:   https://tudominio.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, flexible-header, accessibility-ready
 Text Domain:  astra-child
*/

Atención: La línea Template: astra es crucial. Debe coincidir exactamente con el nombre de la carpeta del tema padre. Si tu tema padre es twentytwentyfour, pon Template: twentytwentyfour. Si no sabes el nombre exacto, revisa la carpeta del tema padre en wp-content/themes/.

Guarda los cambios (Ctrl+S o el botón de guardar).

6. Crea el archivo `functions.php`

Ahora necesitamos otro archivo esencial. En la misma carpeta del child theme, crea un nuevo archivo llamado functions.php. Ábrelo con el editor y pega este contenido básico:

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

Este código le dice a WordPress que cargue primero el CSS del tema padre y luego el del child theme. Sin esto, tu child theme no funcionará correctamente.

Guarda el archivo.

[TIP] Si quieres añadir CSS personalizado, puedes hacerlo directamente en el style.css del child theme (debajo del comentario inicial) o crear un archivo custom.css y encolarlo desde functions.php. Pero para empezar, con el style.css basta.

7. (Opcional) Crea un archivo screenshot.png

Para que tu child theme se vea bonito en el panel de administración de WordPress, puedes subir una imagen de 1200x900 píxeles llamada screenshot.png. No es obligatorio, pero ayuda a identificar el tema.

8. Activa el child theme desde WordPress

Ahora sal del administrador de archivos de Plesk y ve a tu panel de administración de WordPress (normalmente tudominio.com/wp-admin).

Ve a Apariencia > Temas. Deberías ver tu nuevo child theme listado. Haz clic en "Activar".

¡Felicidades! Ya has creado tu child theme WordPress Plesk. Ahora todas tus personalizaciones se harán sobre este tema hijo, dejando el tema padre intacto.

Cómo personalizar tu child theme

Una vez activado, puedes empezar a hacer cambios. Aquí tienes algunos ejemplos prácticos:

Añadir CSS personalizado

Abre el archivo style.css de tu child theme (desde Plesk) y debajo del comentario inicial, añade tus reglas CSS. Por ejemplo:

body {
    background-color: #f0f0f0;
}
h1 {
    color: #333;
}

Guarda y recarga tu web para ver los cambios.

Modificar el archivo functions.php

Si necesitas añadir funciones PHP (como códigos de seguimiento, shortcodes personalizados, etc.), hazlo en el functions.php del child theme. Nunca modifiques el del tema padre.

Sobrescribir plantillas

Si quieres cambiar el diseño del header, copia el archivo header.php del tema padre a la carpeta del child theme y modifícalo allí. WordPress usará automáticamente la versión del child theme.

Alternativa: Usar un plugin para crear child themes

Si prefieres no tocar archivos manualmente, puedes instalar un plugin como "Child Theme Configurator" desde el repositorio de WordPress. Este plugin te guía en el proceso y crea todo automáticamente.

Sin embargo, hacerlo manualmente como te he enseñado te da más control y no depende de plugins externos.

Preguntas frecuentes (FAQ)

¿Qué pasa si el tema padre se actualiza?

Nada. Tu child theme sigue funcionando porque hereda del tema padre actualizado. Tus personalizaciones se mantienen intactas.

¿Puedo tener varios child themes?

Sí, puedes crear tantos como quieras. Pero solo puedes tener uno activo a la vez.

¿Necesito saber PHP o CSS?

No es obligatorio. Puedes empezar solo con CSS (cambios de color, fuentes, etc.). Para funciones más avanzadas, necesitarás algo de PHP, pero hay muchos tutoriales y fragmentos listos para usar.

¿Mi child theme puede romper el sitio?

Es poco probable si solo añades CSS. Con PHP, siempre existe un riesgo, pero es mínimo si pruebas los cambios en un entorno de staging o haces copias de seguridad.

[WARNING] Siempre haz una copia de seguridad de tu sitio antes de hacer cambios importantes. En Plesk puedes usar la herramienta de Backup.

¿Puedo vender o distribuir mi child theme?

Sí, pero respetando la licencia del tema padre. Si el tema padre es GPL, tu child theme también debe serlo.

Conclusión

Crear un child theme WordPress Plesk es una de las mejores decisiones que puedes tomar para mantener tu sitio web seguro, actualizable y personalizado. Como has visto, el proceso es sencillo y no requiere conocimientos avanzados. Solo necesitas acceso a Plesk, un editor de texto y seguir los pasos que te he mostrado.

Ahora que sabes cómo crear tema hijo WordPress, no tienes excusa para no hacerlo. Tu web te lo agradecerá a largo plazo, ahorrándote dolores de cabeza y horas de trabajo perdidas.

Si tienes alguna duda, déjala en los comentarios o consulta con tu soporte técnico. ¡Buena suerte con tu WordPress!