Child theme en tu wordpress

Imagina que ya tienes elegida una plantilla para tu sitio web. Imagina que la tienes instalada, que has empezado a configurarla y adaptar su diseño para que quede tal y como espera. Imagina que llevas un tiempo con ella y poco a poco has ido haciendo pequeñas modificaciones de estilos, tocando su css aquí y allá para mejorar el menú, para hacer efectos sobre las imágenes, para eliminar espacios….

Imagina que un día hay una actualización del theme que tienes instalado y lo actualizas. Y te das cuenta de que todas las modificaciones que has ido haciendo poco a poco, ya no están. Es por eso por lo que es aconsejable que uses un Child Theme para tu sitio WordPress.

Pero ¿Qué es un child theme?

Un Child Theme o plantilla hija es una plantilla secundaria creado a partir de una principal. La plantilla hija hereda todo lo que venga con la plantilla principal a no ser que le indiquemos otra cosa. Para que funcione, tenemos que tener ambas plantillas instaladas en nuestro WordPress, pero activaremos la hija. Sobre esta es sobre la que aplicaremos las modificaciones que consideremos necesarias. Si la plantilla madre o principal tiene una actualización, podemos aplicarla sin que las modificaciones que hayamos hecho sobre la hija se pierdan.

¿Cómo conseguimos una plantilla hija de nuestro theme?

Hay muchos themes que ya vienen con un Child Theme incluido. Si has comprado un theme Premium revisa la carpeta por si fuera así. Sólo tendrías que subirlo como un theme más, y activarlo desde el panel de WordPress. También hay plugins para crear plantillas Child. Sin embargo, crear un Child es tan sencillo que veréis que no merece la pena instalar ningún plugin.

Primero, tienes que acceder vía FTP a tu instalación de WordPress. Busca la carpeta wp-content, y dentro de esta busca la carpeta Themes. Ahí crea una nueva carpeta y ponle el nombre de la plantilla que ya estás usando, pero añade child_ antes. Por ejemplo, si estás usando la plantilla TwentyTwelve que trae instalado WordPress, el nombre de tu carpeta ha de ser child_twentytwelve.

Ahora entra en la carpeta. Para que un estilo Child funcione, tenemos que indicarle cuál es la plantilla padre de la que tiene que heredar los estilos. Crea un archivo vacío style.css y añade el siguiente código:

MARKDOWN_HASHd50731511f4e6902d140f602f103c2f7MARKDOWN_HASH

/*
Theme Name: TwentyTwelve Child ---> Aquí el nombre de tu theme
Author: Cristina Bustelo --> El nombre del autor del child, o si prefieres, del tprincipal
Author URI: http://starblank.com --> La url del autor, es decir
Template: twentytwelve  --> Plantilla de la que partes
Version: 1.0  --> Versión del child

Licencia, texto, autor, url lo que sea que quieras puedes escribirlo aquí ...*/

@import url("../twentytwelve/style.css");

/* ----------- A PARTIR DE AQUÍ, AÑADE EL CSS QUE QUIERAS--------------------------- */

MARKDOWN_HASH14cdc1495b61ad5dcc6d69c6c2a9194eMARKDOWN_HASH

En el ejemplo anterior, los campos que hacen referencia al autor o al nombre de la plantilla hija puedes modificarlos como consideres oportuno, pero tienes que poner cuidado en el campo “template” y en @import. Aquí tienes que poner exactamente el nombre de la plantilla madre que estás usando.

Vamos a probar si nuestro Child funciona correctamente. Ve a Apariencia/Temas y ahí tienes que ver un nuevo theme con el nombre con el que lo has creado. Verás que la información que has añadido en el archivo style.css aparece aquí resumida. Si quieres que aparezca también una imagen distinta, puedes subir un archivo screenshot.png con la imagen que quieras que se muestre aquí para tu theme. Activa tu theme. Si te aparece un mensaje de error como el siguiente:

Los siguientes temas están instalados pero incompletos. Los temas deben tener una hoja de estilos y una plantilla. Nombre: Child Twenty Twelve Descripción:No encontramos el tema principal. Por favor, instala el tema principal “twentytwelve”.

este mensaje aparece cuando WordPress no puede localizar el archivo style.css de la plantilla madre, porque la ruta especificada en el child no es correcta. Comprueba el nombre del template y del @import para corregirlo.

Una vez tienes tu Child Theme creado, puedes añadir los estilos que necesites en tu style.css sin temor a que esos cambios se pierdan en caso de que haya alguna actualización de la plantilla madre. Lo que añadas en este archivo se añadirá a los estilos de la plantilla madre, los modificarán o sustituirán.

¿Conocías ya los Child Theme? ¿Los has usado anteriormente?

Este sitio usa cookies. Si continúa navegando da su consentimiento para el uso de dichas cookies y la aceptación de nuestra política de cookies. ACEPTAR

Aviso de cookies

Pin It on Pinterest

Share This