Categorías
WordPress

Crear temas hijos en WordPress

Los temas que vienen por defecto en WordPress los vamos a llamar temas padres que va a ser el principal de nuestro sitio.
Lo que hace el tema hijo es aplicar todas las modificaciones que le hacemos al tema original, para no perder estos cambios al actualizar el tema padre a una nueva versión.

¿Cómo se hace un tema hijo?

  1. Creamos una carpeta nueva en C:/xampp/htdocs/wordpress/wp-content/themes/ con el nombre del tema hijo, ej: C:/xampp/htdocs/wordpress/wp-content/themes/nombre_del_tema_hijo
  2. Dentro de la carpeta creada tengo que tener dos archivos: styles.css y functions.php
  3. Dentro del archivo style.css pegamos el siguiente código y guardamos. Deben modificar el archivos con los datos de su proyecto y luego guardar el archivo nuevamente.
/*
  Theme Name: Nombre del Tema Hijo
  Description: Breve descripción del tema
  Author: ...
  Author URI: http://...
  Template: nombre_del_tema_padre (esta linea es la mas importante para el un tema, aquí va el nombre del tema padre (exactamente como figura el nombre en la carpeta del tema)
  Version: 1.0.0
*/

/* Add Custom CSS after this line */

4. Dentro del functions.php pegamos el siguiente código:

<?php
  add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
  
  function theme_enqueue_styles(){
    wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css');
  wp_enqueue_style('child-style', get_stylesheet_directory_uri().'style.css', array('parent-style')
  };

Listo, ya disponemos de nuestro tema hijo.

Recuerden a partir de ahora que todas las modificaciones de CSS se harán sobre el archivos style.css que se encuentra en el tema hijo.

Lo mismo para el archivo functions.php

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *