Cómo crear un tema hijo de WordPress

Cuando se trata de personalizar su sitio web de WordPress, la creación de un tema hijo es una decisión inteligente. Aprende a crear un tema hijo de WordPress: te permite realizar cambios en tu tema sin perder ninguna de las personalizaciones cuando el tema se actualiza.

En esta entrada de blog, le guiaremos a través del proceso de creación manual de un tema hijo y el uso de un plugin para su sitio web WordPress.

¿Qué es un tema hijo?

Un tema hijo es un tema que hereda la funcionalidad y el estilo de otro tema, llamado tema padre. Le permite realizar modificaciones en el diseño y la funcionalidad de su sitio web sin afectar a los archivos del tema original. Esto resulta especialmente útil cuando desea personalizar su sitio web sin perder la posibilidad de actualizar el tema principal.

Creación manual de un tema hijo (Método 1)

Ahora, vamos a sumergirnos en el proceso paso a paso de la creación de un tema hijo:

1. Cree una nueva carpeta en el directorio 'temasde su instalación de WordPress. Puedes ponerle el nombre que quieras, pero es mejor utilizar un nombre que refleje el tema principal.
2. En la carpeta recién creada, crea un nuevo archivo llamado 'style.css'. Este archivo contendrá el código CSS de su tema hijo.
3. En la sección 'style.cssañada el siguiente código:

/*
Nombre del tema: Mi Tema Hijo 
Plantilla: parent-theme 
*/

Sustituir 'Mi tema infantilcon el nombre de su tema hijo y 'tema padre' con el nombre del directorio del tema padre.

4. Cree un nuevo archivo en la carpeta del tema hijo llamado 'funciones.php'. Este archivo contendrá el código PHP para su tema hijo.
5. En la sección 'funciones.phpañada el siguiente código:

<?php

add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );

function my_child_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

?>

Este código solicita la hoja de estilos del tema padre. Sustituir "mi_tema_infantil" con el nombre real que ha dado a su tema hijo. También puedes añadir tu propio código CSS y PHP personalizado para modificar la funcionalidad del tema.

Nota: El único archivo necesario para su tema hijo es style.css. Sin embargo, para la mayoría de los usuarios, el objetivo principal de crear un tema hijo es modificar o añadir funciones. Para ello, debe crear un archivo functions.php. Este archivo puede permanecer vacío y no sirve como archivo de plantilla, por lo que no es necesario copiarlo del tema padre. Si no necesita añadir ninguna función, puede omitirla.

Activar el tema hijo

Una vez creado el tema hijo, es hora de activarlo:

1. Inicie sesión en el panel de administración de WordPress.
2. Navegue hasta 'Apariencia' > 'Temas'.
3. Verá su tema hijo recién creado en la lista. Haga clic en el icono 'Activarpara activarlo.

Ya está.

Creación de un tema hijo mediante un plugin

Aunque crear un tema hijo manualmente requiere ciertos conocimientos de programación, hay una forma más sencilla de hacerlo: utilizando un plugin.

En esta parte de la entrada del blog, te guiaré a través del proceso de creación de un tema hijo utilizando un plugin, paso a paso.

Paso 1: Instalar y activar el plugin del tema hijo

Lo primero que tienes que hacer es instalar y activar un plugin de tema hijo. Hay varios plugins disponibles en el repositorio de WordPress, pero para este tutorial, vamos a utilizar el 'Configurador de temas infantiles' plugin.

Vaya a su panel de WordPress, navegue hasta 'Plugins' > 'Añadir nuevo', busque 'Configurador de temas infantilesy haga clic enInstalar ahoray despuésActivar'.

Paso 2: Configurar el tema hijo

Una vez activado el plugin, verá un nuevo elemento de menú llamado Temas hijo" en el panel de control de WordPress. Haga clic en él para configurar su tema hijo.

En la página "Temas secundarios", encontrará una lista de los temas instalados. Seleccione el tema principal para el que desea crear un tema hijo y haga clic en Analizar. El plugin analizará el tema padre y creará un tema hijo para usted.

Una vez finalizado el análisis, se le redirigirá a la página Editar tema hijo página. Aquí puede personalizar varios aspectos de su tema hijo, como el nombre, la descripción, el autor y la versión.

Paso 3: Personalizar el tema hijo

Ahora que tu tema hijo está creado, es el momento de empezar a personalizarlo. Puedes realizar cambios en los archivos CSS, de funciones y de plantilla de tu tema hijo sin que ello afecte al tema padre.

Para realizar cambios en las CSS, vaya a 'Apariencia' > 'Personalizaren su panel de WordPress. Verás una nueva sección llamada 'Child Theme' donde puedes añadir tu código CSS personalizado.

Si desea realizar cambios en el archivo functions.php, vaya a 'Apariencia' > 'Editory seleccione su tema hijo en el menú desplegable. A continuación, puede añadir su código PHP personalizado al archivo functions.php.

Paso 4: Activar el tema hijo

Una vez que hayas terminado de personalizar tu tema hijo, es hora de activarlo. Vaya a Apariencia" > "Temas en su panel de control de WordPress y verá su tema hijo en la lista. Simplemente haga clic en el icono 'Activarpara activar el tema hijo.

Ya está. Has creado con éxito un tema hijo utilizando un plugin. Ahora puedes hacer cambios en tu tema sin preocuparte de perder tus personalizaciones.

¿Necesita un sitio web profesional?

Si necesita ayuda profesional para crear sitios web o páginas de destino, estamos aquí para ayudarle. Póngase en contacto con nosotros hoy mismo para hablar de sus necesidades y comenzar su proyecto.