Temas hijos en WordPress

Tarde o temprano, cuando trabajamos con WordPress, nos encontramos con la necesidad de modificar el tema con el que estamos trabajando (tema padre) para adaptarlo a nuestro proyecto. La mejor manera de llevar a cabo esta tarea es, sin lugar a dudas, creando temas hijos en WordPress.

¿Por qué utilizar temas hijos en WordPress?

La respuesta es muy sencilla: evitar perder el trabajo realizado en cada actualización del tema.

Si cuando queremos modificar, por ejemplo, el color de fondo de nuestra página, nos vamos directamente al archivo style.css de nuestro tema y lo modificamos, sí, habremos conseguido cambiarlo pero, ¿qué pasará en la próxima actualización de tema? Perderemos ese cambio y tendremos que volver a editar ese archivo. Tampoco parece que se hunda el mundo, ¿no? ¿Y qué pasa si hemos modificado unas cuantas decenas de archivos? Ya  no hace tanta gracia.

Gracias a los temas hijos en WordPress podremos evitar esta pérdida de trabajo ya que al actualizar el tema padre el tema hijo queda al margen y todos los cambios quedan protegidos.

¿Cómo funcionan los temas hijos en WordPress?

Un tema hijo, básicamente, utiliza todos los archivos del tema padre y, solo si hemos añadido archivos con la misma estructura de carpertas y los mismos nombres que los archivos del tema padre en la carpeta del tema hijo, los suyos propios para sobreescribir o completar a los del padre.

Crear (técnicamente hablando) temas hijos en WordPress

Crear temas hijos es tremendamente fácil, bastará con seguir estos pasos:

  1. Crear una carpeta con el nombre del nuevo tema hijo en: wp-content/themes
  2. Incluye en esa nueva carpeta los archivos style.css y functions.php (ahora vemos su contenido)

En style.css tiene que ir esta cabecera obligatoriamente:

[code lang=»css»]
/*
Theme Name: Mi tema
Theme URI: http://example.com/mi-tema-child/
Description: Mi tema child
Author: Daniel Frías Ruiz
Author URI: http://example.com
Template: mitema
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: mitema
*/
/* =Aquí empieza la personalización de tu tema
————————————————————– */
[/code]

En functions.php tiene que aparecer el siguiente código para que herede los archivos del padre:

[code lang=»php»]
function enqueue_styles() {
wp_enqueue_style(‘plantilla-padre’, get_template_directory_uri() .’/style.css’);
}
add_action(‘wp_enqueue_scripts’, ‘enqueue_styles’);
[/code]

Ya está, tan simple como esto.

Es recomendable incluir también un archivo screenshot.png para que en la sección de temas de WordPress aparezca de forma elegante el nuevo tema.

Por supuesto, de esta manera hemos creado la versión más sencilla posible de un tema hijo, de hecho, tal y como estaría ahora mismo, no haría nada más que emular al padre.

Tal y como se ha explicado más arriba, ahora es el momento de ir incluyendo archivos para modificar o completar a los del padre (siempre siguiendo la misma estructura de carpetas).

Espero que te haya ayudado a entender cómo funcionan los temas hijos y cómo crearlos. Si tienes cualquier pregunta o aportación no dudes en dejar un comentario.

Deja un comentario

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

Scroll al inicio