Crear un tema hijo en WordPress

A la hora de modificar una plantilla que estamos usando en WordPress la opción más segura a mi parecer es crear una plantilla hijo o child theme. De esta forma si la plantilla padre tiene alguna actualización y la aplicamos no perderemos los cambios en los PHPs que hemos editado. Eso si, tampoco tendremos los cambios en esos archivos que usamos de la plantilla hijo.

La forma de hacer esto es muy fácil. Antes bastaba con unos cambios en un CSS pero ahora desde WordPress.org recomiendan seguir estos paso.

Lo más básico para que funcione es crear una carpeta con el nuevo nombre wp-bootstrap-starter-child. Se recomienda poner le nombre de la plantilla padre y añadir -child pero podéis poner otro.

Dentro de la carpeta que hemos creado necesitaremos para empezar solo dos archivos. El archivo CSS de style.css y un fuctions.php

Archivo CSS

Dentro de este CSS es muy importante que el apartado de Template sea con el nombre correcto de vuestra plantilla padre, si no, no funcionara. El resto de opciones si que podremos personalizarlas.

/*
 Theme Name:   WP Bootstrap Starter Child
 Theme URI:    http://www.tesokdesign.es
 Description:  WP Bootstrap Starter Child Theme
 Author:       JokinL
 Author URI:   http:www.tesokdesign.es
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  wpbootstrapstarter
*/

Cuidado si estáis generando el archivo style.css con un compilador de no borrar los comentarios, si no, no funcionará ya que este código desaparecerá y aunque sea comentario WordPress lo necesita para detectar la plantilla.

Archivo Fuction

El archivo fuctions.php basta con copiar y pegar tal cual el siguiente código de php para que funcione. No necesitamos cambiar nada en él.

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
 
    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.
 
    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 ),
        wp_get_theme()->get('Version')
    );
}

Con este código lo que estamos haciendo es poner en cola nuestro nuevo CSS. Una vez lea el CSS padre leerá nuestro CSS.

Activar plantilla hijo

Para activar nuestra nueva plantilla solo tenemos que ir a Apariencia > Temas y activar la nueva plantilla.

Modificar PHPs

Ahora si necesitamos cambiar algo en el footer.php solo tenemos que copiar el PHP del padre, meterlo en nuestra plantilla hijo y en esta última es donde editaremos lo que necesitemos. De esta forma no perderemos los cambios que realicemos en los archivos php si actualizamos la plantilla padre.

Más información

Si aún queremos profundizar más en la edición y personalización de nuestra plantilla hijo lo mejor que podemos hacer es ir a la documentación oficial de WordPress donde encontraremos todo muy detallado.

Deja una respuesta

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

Puedes usar estas etiquetas y atributos HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>