Crear un child theme en WordPress usando Plesk: paso a paso

¿Listo para personalizar tu WordPress sin miedo a romperlo? Si tienes un sitio alojado en Plesk y quieres modificar un tema, crear un child theme (tema hijo) es la mejor decisión que puedes tomar. En esta guía te explicaré paso a paso cómo hacerlo, qué archivos necesitas y cómo aprovechar al máximo tu instalación de WordPress en Plesk.

¿Qué es un child theme y por qué es importante?

Un child theme (o tema hijo) es una copia modificable del tema principal (llamado tema padre) que hereda todas sus funciones, estilos y plantillas. La clave está en que puedes hacer cambios sin tocar el archivo original del tema padre. ¿Por qué es tan útil?

Seguridad ante actualizaciones: Cuando el tema padre se actualiza, tus cambios no se pierden, porque están en el tema hijo.
Personalización ilimitada: Puedes modificar CSS, PHP, plantillas y funciones sin miedo a errores.
Mantenimiento sencillo: Si algo sale mal, solo desactivas el tema hijo y vuelves al padre.
Compatibilidad: Los plugins y el núcleo de WordPress funcionan igual, pero tú controlas lo que se muestra.

En un entorno como Plesk, donde gestionas múltiples sitios o tienes acceso a archivos y bases de datos, crear un child theme es pan comido. Además, si usas Syspanel (el panel de control que antes se llamaba HestiaCP), recuerda que el acceso es por el puerto 2106, pero aquí nos centraremos en Plesk.

Requisitos previos antes de empezar

Antes de lanzarte a crear tu child theme, asegúrate de tener lo siguiente:

Acceso a Plesk con permisos de administrador o de gestión de archivos.
Un tema padre instalado en WordPress (puede ser Twenty Twenty-Four, Astra, GeneratePress, etc.).
Un editor de texto plano (como Notepad++, Sublime Text o el editor integrado de Plesk).
Conexión a internet y ganas de aprender.

[INFO] No necesitas ser programador. Con saber copiar y pegar, y seguir estos pasos, lo lograrás.

Paso 1: Accede a los archivos de WordPress desde Plesk

Plesk facilita la gestión de archivos sin necesidad de FTP. Sigue estos pasos:

Inicia sesión en tu panel de Plesk.
Busca la sección "Archivos" o "File Manager" (depende de la versión, suele estar en el menú izquierdo).
Navega hasta la carpeta de tu sitio web. Normalmente es /var/www/vhosts/tudominio.com/httpdocs/ o algo similar.
Dentro de esa carpeta, localiza la subcarpeta wp-content/themes/. Ahí están todos los temas instalados.

Verás carpetas como twentytwentyfour, astra, etc. Esa es la ubicación donde crearemos nuestro child theme.

Paso 2: Crea la carpeta del child theme

El child theme necesita una carpeta propia. Puedes nombrarla como quieras, pero lo recomendable es usar el nombre del tema padre seguido de "-child". Por ejemplo:

Si tu tema padre es astra, la carpeta se llamará astra-child.
Si es twentytwentyfour, será twentytwentyfour-child.

Dentro de wp-content/themes/, haz clic en "Crear carpeta" (o botón similar).
Escribe el nombre (por ejemplo, mi-tema-child o vega-child).
Guarda los cambios.

Paso 3: Crea el archivo `style.css` (obligatorio)

Todo tema de WordPress, incluso un child theme, necesita al menos un archivo style.css con información básica. Este archivo le dice a WordPress que existe un tema.

Dentro de la carpeta de tu child theme, haz clic en "Crear archivo" y nómbralo style.css.
Abre el archivo con el editor de Plesk (o descárgalo, edítalo y súbelo).
Pega el siguiente código:

/*
 Theme Name:   Mi Tema Hijo
 Theme URI:    https://tudominio.com
 Description:  Tema hijo personalizado para mi sitio
 Author:       Tu Nombre
 Author URI:   https://tudominio.com
 Template:     astra
 Version:      1.0.0
 License:      GPL v2 or later
 Text Domain:  mi-tema-hijo
*/

[WARNING] La línea Template: es obligatoria. Debe coincidir exactamente con el nombre de la carpeta del tema padre (por ejemplo, astra, twentytwentyfour, etc.). Si no escribes bien este nombre, WordPress no reconocerá el child theme.

Guarda los cambios.

Paso 4: Crea el archivo `functions.php` (recomendado)

Este archivo es el que realmente hace funcionar el child theme. Sirve para cargar los estilos del tema padre y luego los tuyos propios.

Crea otro archivo en la misma carpeta llamado functions.php.
Pega el siguiente contenido:

<?php
function mi_tema_hijo_estilos() {
    // Cargar el style.css del tema padre
    wp_enqueue_style( 'tema-padre-estilo', get_template_directory_uri() . '/style.css' );
    // Cargar el style.css del tema hijo
    wp_enqueue_style( 'tema-hijo-estilo', get_stylesheet_uri(), array('tema-padre-estilo') );
}
add_action( 'wp_enqueue_scripts', 'mi_tema_hijo_estilos' );
?>

Este código le dice a WordPress que primero cargue los estilos del tema padre y luego los del hijo. Así, si en el hijo pones un color de fondo distinto, este reemplazará al del padre.

[TIP] Puedes cambiar el nombre de la función mi_tema_hijo_estilos por algo más descriptivo, pero asegúrate de que sea único para evitar conflictos.

Paso 5: Activa el child theme desde el panel de WordPress

Ahora que ya tienes los archivos básicos, ve a tu administración de WordPress.

Inicia sesión en tudominio.com/wp-admin.
Ve a Apariencia > Temas.
Busca tu child theme (se llamará "Mi Tema Hijo" o el nombre que pusiste en style.css).
Haz clic en Activar.

¡Listo! Tu sitio ahora usa el child theme. Verás que se ve exactamente igual que antes, porque hereda todo del tema padre.

Personalización básica: Agregar CSS personalizado

La forma más común de personalizar es a través de CSS. Puedes hacerlo de dos maneras:

Opción 1: Editar el `style.css` del child theme

Abre el archivo style.css de tu child theme.
Agrega tus reglas CSS después del bloque de comentarios. Por ejemplo:

/*
... (comentarios) ...
*/

/* Cambiar el color de fondo del header */
.site-header {
    background-color: #ff6600 !important;
}

/* Hacer los títulos más grandes */
h1 {
    font-size: 3rem;
}

Guarda y recarga tu sitio. Los cambios se verán reflejados.

Opción 2: Usar el personalizador de WordPress (recomendado para principiantes)

Ve a Apariencia > Personalizar.
Busca la sección CSS adicional (suele estar al final).
Pega tu CSS y publica.

Ambos métodos funcionan, pero el primero es más directo si trabajas con archivos.

Personalización avanzada: Modificar plantillas PHP

Si quieres cambiar la estructura de tu sitio (por ejemplo, mover el sidebar o agregar un banner), necesitas copiar archivos del tema padre al child theme.

En el tema padre, localiza el archivo que quieres modificar (por ejemplo, header.php, footer.php, single.php).
Cópialo exactamente con el mismo nombre y ruta dentro de la carpeta de tu child theme.
Edita ese archivo en el child theme. WordPress lo usará en lugar del original.

[WARNING] No modifiques archivos del tema padre directamente, porque se sobrescribirán al actualizar el tema. Siempre copia al child theme.

Preguntas frecuentes (FAQ)

¿Puedo crear un child theme para cualquier tema de WordPress?

Sí, siempre que el tema padre tenga una carpeta con archivos PHP y CSS. Los temas gratuitos y premium suelen funcionar.

¿Qué pasa si el tema padre se actualiza?

Tus cambios en el child theme se mantienen intactos. Solo se actualiza el tema padre.

¿Necesito conocimientos de programación?

No. Con saber copiar y pegar, y entender CSS básico, puedes personalizar mucho. Para cambios más profundos (PHP), sí necesitarás algo de experiencia.

¿Cómo desactivo el child theme?

Simplemente activa otro tema (el padre u otro) desde Apariencia > Temas. El child theme queda desactivado pero no se borra.

¿Puedo usar plugins de page builder con child themes?

Sí, son compatibles. De hecho, muchos page builders (como Elementor o Beaver Builder) funcionan mejor con child themes.

¿Dónde encuentro el tema padre en Plesk?

En wp-content/themes/. Ahí verás todas las carpetas de temas instalados.

¿Qué hago si no veo el child theme en WordPress?

Revisa que el archivo style.css tenga bien escrito el nombre del template (línea Template:). También verifica que la carpeta del child theme esté dentro de wp-content/themes/.

Consejos finales para sacarle partido a tu child theme

Haz copias de seguridad antes de modificar archivos importantes. Plesk tiene herramientas de backup.
Usa un tema padre ligero como Astra, GeneratePress o Kadence para mayor velocidad.
Prueba los cambios en un entorno de desarrollo si es posible. Plesk permite crear subdominios o staging.
Documenta tus cambios con comentarios en el código. Te ayudará a recordar qué hiciste.
Actualiza el tema padre periódicamente para mantener la seguridad, pero siempre verifica que el child theme siga funcionando.

Ahora ya tienes el poder de personalizar tu WordPress sin miedo. Con Plesk y un child theme, las posibilidades son infinitas. Si te surge alguna duda, recuerda que el soporte técnico está para ayudarte. ¡Manos a la obra!