Como Crear Un Tema Hijo En WordPress

¿POR QUÉ ES OBLIGATORIO TENER UN TEMA HIJO EN WORDPRESS CUANDO DESARROLLAMOS NUEVO CÓDIGO?

Un buen desarrollador de CMS sabe que nunca hay que desarrollar nuevo código usando un tema que nos hemos descargador o bien un tema que ya lleva instalado WordPress, por un simple motivo que es… cuando WordPress o el desarrollador del tema actualiza el Tema y nosotros actualizamos también cualquier desarrollo que hemos creado para dicho tema se elimina con la actualización.

Pero hay una solución muy simple a este problema y se llama TEMA HIJO o CHILD THEME, ¿qué significa esto?

Tema hijo o Child Theme significa que vamos a crear nuestro propio tema pero le diremos que nos cargue el CSS, JS, PHP y cualquier otro código de otro tema que tengamos instalado y este tema se convertirá en le tema padre de nuestro tema de ahí el nombre de tema hijo y tema padre, el tema hijo hereda contenido del tema padre.

Pensar como cuando una persona tiene un hijo, que el hijo hereda rasgos del padre, pues con los temas de WordPress funcionan igual, vamos a heredar código del tema que elijamos sin tener que copiar y pegar ese código, de forma dinámica de esta manera nuestro tema se convertirá en el tema hijo del tema elegido.

Con esto vamos a conseguir que cuando el tema padre, (Tema Original) se actualice nosotros automáticamente vamos a beneficiarnos de esas actualizaciones sin tener que hacer nada y además todo el código que hemos programado no se verá afectado y no será eliminado por la actualización, todo beneficios.

Vamos a dejarnos de tanta teoría y vamos a la práctica que se ve, se entiende y se explica mejor.

 

CODIGO DEL VIDEO

function.php

<?php
   // Styles
   function child_theme_enqueue_styles() {
       wp_enqueue_style('parent-style', get_template_directory_uri() . '/css/theme.min.css');
       wp_enqueue_style('header', get_stylesheet_directory_uri() . '/assets/css/header.css');
       wp_enqueue_style('footer', get_stylesheet_directory_uri() . '/assets/css/footer.css');
       wp_enqueue_style('blog', get_stylesheet_directory_uri() . '/assets/css/blog.css');
   }
   add_action('wp_enqueue_scripts', 'child_theme_enqueue_styles');

   function custom_scripts(){
       wp_enqueue_script('header', get_stylesheet_directory_uri() . '/assets/js/header.js', false, false, false);
       wp_enqueue_script('footer', get_stylesheet_directory_uri() . '/assets/js/footer.js', false, false, false);
       wp_enqueue_script('widget', get_stylesheet_directory_uri() . '/assets/js/widget.js', false, false, false);
       wp_enqueue_script('blog', get_stylesheet_directory_uri() . '/assets/js/blog.js', false, false, false);
   }
   add_action('wp_enqueue_scripts', 'custom_scripts');
?>

 

style.css

/*
   Theme Name: Agustin Navarro Galdon
   Theme URI: https://tincode.es/
   Description: Este es mi tema hijo de Undestrap.
   Author: Agustin Navarro Galdon
   Template: understrap
   Version: 1.0.0
   Tags: Agustin, cursos, creado tema hijo
*/