Guía para configurar un Child Theme en WordPress
Hay un montón de buenas razones por las que utilizar un Child Theme o tema secundario cuando se implementa WordPress. Hemos cubierto esto en nuestro artículo anterior“Why you should use WordPress Child Theme”.
Sin embargo, en este atículo vamos a mostrarte cómo confugurar un Child Theme en WordPress en el caso de que tu WordPress theme no lo tenga.
¿Qué necesitas?
Solo necesitas 2 herramientas para crear un tema secundario:
- Acceso al Panel de Control de Hosting con File Manager, o acceso FTP al servidor de hosting
- Editor de texto como MS Notepad (Ten en cuenta esto, NO DEBES USAR MS Word o cualquier otro procesador de texto)
¿Cómo comenzar?
Paso 1 – Crea una nueva carpeta
Primero tienes que crear un nuevo tema en la carpeta Tema de WordPress.
- Haz log in en el panel de control de tu Hosting o conéctate vía FTP
- Abre el Administrador de Carpetas si estás utilizando el Panel de Control
- Ve a la Carpeta Pública > Contenido > Temas
- Crea una nueva carpeta con el nombre “Tema-Secundario”
- Así es como se deberían ver tus carpetas – Haz click en la imagen (Fíjate como en este caso «Cognisant» es el tema principal y «Cognisant Child» el tema secundario)
Paso 2 – Style.CSS
Ahora que haz creado una carpeta para tu tema secundario, necesitas decirle a WordPress que utilice esta carpeta y la presente como tu tema.
A partir de aquí necesitas crear algunas carpetas esenciales para hacer que el tema secundario funcione. Tienes que hacer esto para que:
- WordPress sepa dónde esta creado el tema principal
- Pruebes tus cambios en CSS aquí y así no se sobreescriban cuando actualices el tema principal/li>
- Recuerda no editar nunca el CSS o cualquier carpeta del tema principal
Solo utiliza tu Notepad o editor TXT para crear un nuevo documento con la línea en el fragmento de código de abajo.
ASEGURATE de reemplazar las referencias a MYDOMAIN por el nombre de dominio real y MyTheme al nombre de tema principal, y Guarda el archivo en la carpeta Tema secundario como style.css
/*
Theme URL: http://MyDomain.com
Description: MyDomain Child Theme
Author: Cognisant
Author URL: http://MyDomain.com
Template: MyTheme
Version: 1.0.0
Text Domain: MyTheme-child
*/
/*CSS personalizado va en esta línea */
Paso 3 – functions.php
Necesitas hacer esto para que el Tema secundario sepa qué hacer. Una vez más utiliza el Bloc de notas o el editor TXT para crear un archivo PHP en blanco y luego inserta el siguiente fragmento y Guarda en la carpeta de tema secundario como funciones.
<?php add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_styles’ ); function enqueue_parent_styles() { wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ ); }>
Paso 4 – Personaliza los archivos PHP
Si tienea la intención de editar o personalizar cualquier archivo como footer.php o header.php, o plantillas p.ej. pages.php o posts.php, etc.; entonces debes copiarlos desde el tema principal (NO LOS ELIMINES) y cargarlos en la carpeta «Tema-Secundario». A continuación, puedes editar los archivos en el tema secundario dejando intactos los archivos principales del tema. Si los editas en el tema principal, se sobrescribirán cuando actualices tu tema de WordPress a la última versión y perderás toda tu personalización y ediciones.
Paso 5 – Thumbnail
¡Esto es simple comética y no va hacer un gran cambio en tu sitio web! Si quieres un tema bonito en tu sección de temas de WordPress, simplemente copia la imagen desde la carpeta del tema en la carpeta del tema secundario (por lo general es un .png).
Paso 6 – Activa el tema secundario
Tras todas estas acciones necesitas activar el tema secundario
- Ve a WordPress Admin > Apariencia > Temas > y deberías ver tu tema secundario allí
- Haz clic en “Activar”
- ¡Tatán! ¡Tienes un tema secundario en tu website!
NOTA – Editando tu sitio web en WordPress
Ahora recuerde que tienes un Tema Secundario activo, lo que significa que tu sitio web se está ejecutando desde ese tema.
Cualquier cambio que hagas al estilo del sitio web debe hacerse en el CSS de este tema y no el CSS.
Ve a Apariencia > Editor > Selecciona “Tema Secundario” > Selecciona style.css > Edita > Guarda
Si desea hacer cambios en otras partes del sitio web que llame a plantillas como Pie de página, Encabezado, Página, Post, etc. primero debe copiar estos archivos desde el Tema Principal (NO ELIMINARLOS) y pegarlos en el directorio «Tema Secundario».
Para editarlos, haz lo mismo que antes solo que esta vez elige el archivo PHP que quieres editar. Por ejemplo, para editar el footer:
Ve a Apariencia > Editor > Selecciona “Tema Secundario” > Selecciona “footer.php” > Edita > Guarda
¿Cómo puedo obtener ayuda?
Contáctanos para conocer tus dudas sobre WordPress. Te sorprenderán nuestros precios. haz clic aquí para hacer una consulta, estaremos encantados de poder ayudarte.