Los child theme(tema hijo) son temas secundarios que se derivan de un tema padre, permiten modificar el código sin tener que modificar el tema padre, que en caso de actualizarlo, borraría nuestras modificaciones en el caso de no tener un tema hijo. Un child theme es una extensión de un tema principal.
En este artículo detallaré brevemente, en 3 pasos, sin entrar en detalles, como crear un tema hijo, me guiaré de la documentación oficial. Usaré Twenty Twenty-Five como tema principal.
1 – Crear una carpeta de tema secundario
- Elige un nombre para tu tema hijo, por ejemplo, Cool Cloud.
- Crea una carpeta en tu wp-content/themes, nómbrala al estilo kebab-case con el nombre elegido: cool-cloud.
2 – Crear archivo style.css
- Crea un archivo llamado style.css y agrega el Template según tu configuración. Información oficial
/**
* Theme Name: Cool Cloud
* Template: twentytwentyfive
* Theme URI: https://coltimcloud.com/cool-cloud
* Description: Descripción del tema personalizado...
* Version: 1.0.0
* Author: Javier
* Author URI: https://coltimcloud.com
* Tags: block-patterns, full-site-editing
* Text Domain: cool-cloud
* Domain Path: /assets/lang
* Tested up to: 6.4
* Requires at least: 6.2
* Requires PHP: 7.4
* License: GNU General Public License v2.0 or later
* License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/3 – Instalar y activar el tema hijo
- En tu panel de administrador, ves a Apariencia > Temas y activa tu tema hijo.
Con estos sencillos 3 pasos ya podemos ir a nuestro editor en Apariencia > Editor y modificar las plantillas y páginas de nuestro tema hijo, cuando necesitemos actualizar el tema padre, se conservarán los cambios de nuestro tema hijo.