Categorías
Wordpress

Cómo crear un tema hijo (child-theme) en WordPress

Para crear un tema hijo hay que acceder al servidor mediante FTP o usar algún plugin tipo File Manager para crea un directorio en wp-content/themes.

El directorio se debe llamar como la theme o plantilla padre, añadiendo al final del nombre del directorio (sin comillas): «-child».

Por ejemplo, si estás haciendo un tema hijo de twentyfourteen, el nombre del tema hijo debería ser twentyfourteen-child.

En la carpeta del tema hijo, hay que crear dos archivos.

El primero: style.css. Que es la hoja de estilos y debe contener las siguientes líneas:

/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

/* =Aquí empieza la personalización de tu tema
-------------------------------------------------------------- */

Cambia cada una de las líneas para customizar la información y adaptarla a tus necesidades. Salvo la línea Template que deberá ser el nombre del directorio del tema padre, en nuestro caso twentyfourteen, que es el nombre del directorio donde se encuentra el tema Twenty Fourteen.

Si quieres hacer que un tema hijo de una plantilla que tiene como nombre de directorio ejemplo-theme-nombre, entonces deberías teclear en Template: ejemplo-theme-nombre.

El segundo: functions.php. Donde se incluirán las nuevas funciones y debe contener las siguientes líneas:

Desde las últimas versiones de WP, @import no debe utilizarse para importar la hoja de estilos de la plantilla padre. El método correcto es utilizar wp_enqueue_style () para poner en cola la hoja de estilos.

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
/*Añade la nueva lo nuevo desde aquí*/

Una vez creados el tema hijo ya está preparado para activarlo y configurarlo.