Archivo de la etiqueta: wordpress

WordPress Child Themes – Plantillas Hijas

Seguramente alguna vez te haz encontrado con la necesidad de crear estilos personalizados para tu sitio web en WordPress, pero resulta que no quieres modificar los archivos en sí, de la Plantilla que estés utilizando, ya que probablemente luego necesites actualizarla (si es una plantilla de pago, claro).

Pues bien, esto es muy sencillo de hacerlo, para ello debes crear un Child Theme ó Plantilla Hija, que es una expresión de los themes de WordPress, pero de manera simplificada.

Es la mejor forma de conservar tus archivos intactos, luego de actualizar tu Plantilla, así no perderás absolutamente ninguna modificación que hayas realizado. Aunque actualices la Plantilla “Madre”, tus archivos de la Plantilla “Hija”, se mantendrán intactos, y de esta forma salvaguardamos todas las funciones, estilos, y demás que hayamos creado.

Para crear un Child Theme o Plantilla Hija, únicamente necesitas crear una carpeta que contenta un archivo style.css y functions.php, para este ejemplo, utilizaremos la plantilla twentyeleven que es la que WordPress trae por defecto, luego de su instalación.

Jerarquía de Plantillas

    • public_html
      • wp_content
        • themes ( directorio de todas las plantillas de WordPress )
          • twentyeleven ( directorio de tu plantilla madre )
            • archivos de twentyeleven
          • twentyeleven_child ( directorio de tu Plantilla Hija )
            • style.css ( archivo obligatorio en una Plantilla Hija )
            • functions.php ( archivo no obligatorio, pero necesario si deseas crear tus funciones personalizdas )
Luego que ya haz creado el directorio y los archivos correspondientes para tu Plantillas Hija, necesitas declarar algunas líneas en tu archivo style.css, las cuáles se parecerían a las siguientes intrucciones:

/*
Theme Name: Twenty Eleven Child
Theme URI: http: //wpguate.com/
Description: Plantilla Hija para la Plantilla Twenty Eleven
Author: Your name here
Author URI: http: //wpguate.com/acerca-de/wordpress-guatemala/
Template: twentyeleven
Version: 0.1.0
*/

La línea que por ningún motivo debes olvidar colocar, es la siguiente:

/*
Template: twentyeleven
*/

Si tu plantilla tiene un nombre diferente, pues debes colocarla, por ejemplo, si estás utilizando la plantilla Twenty Ten, debes declarar el Path, es decir, que sería lo siguiente:

/*
Template: twentyeten
*/

Sin embargo, acá no acaba todo, para poder hacer uso de las clases por defecto de la plantilla padre, debes hacer un import en tu hoja de estilos, lo cuál haría que tu hoja de estilos quede de la siguiente manera:

/*
Theme Name: Twenty Eleven Child
Theme URI: http: //example.com/
Description: Child theme for the Twenty Eleven theme
Author: Your name here
Author URI: http: //example.com/about/
Template: twentyeleven
Version: 0.1.0
*/
@import url("../twentyeleven/style.css");

Como te darás cuenta, únicamente en tu Plantilla Hija, estás indicando de qué Plantilla tomará los archivos necesarios para funcionar, sino los tienes incluidos.

Para instalar una Plantilla Hija, o Child Theme, es como cualquier otra plantilla, la subes en tu carpeta /wp-content/themes, la activas, y listo..!!

Sino conocías este concepto, te invito a utilizarlo, ya que es una forma de no perder tus cambios, tras actualizar un theme (tal como me sucedió a mí en alguna ocasión).