Cómo crear tema hijo para framework

Tema hijo Framework

 

Después de la explicación de las ventajas de usar frameworks en vez de temas ya creados para WordPress, hoy voy a explicar cómo se crea un tema hijo para darle el diseño y personalizar el framework elegido a nuestro gusto.

¿Cómo crear tema hijo?

Tras la instalación del framework elegido, que podemos instalar mediante la subida del archivo .zip que nos hayamos descargado (a través del propio WordPress) , o a través de FTP mediante un programa como Filezilla, lo que debemos hacer es crear una nueva carpeta en la ruta donde esté instalado WordPress.

En mi caso:/public_html/wp-content/themes. Recomiendo nombrar a la carpeta con el nombre del tema padre o framework más “chlid” o hijo para que sepamos en todo momento que ese es el tema hijo. En mi ejemplo el framework es reverie-master, así que he nombrado a la carpeta que contiene el child como reverie-child.

A continuación, copiar el archivo “style.css” que está en el framework, en la carpeta que hemos creado que es el tema hijo.

Ahora lo abrimos y vamos a editar los metadatos del style.css de nuestro tema hijo:

Theme name: Nombre del tema [obligatorio]. → Reverie-child
Theme URI: Referencia web del tema [opcional]. → Lo dejo vacío
Description: Descripción [opcional]. → Primer tema hijo para framework Reverie
Author: Autor del tema [opcional]. → Aitana
Author URI: Referencia web del autor del tema [opcional]. → Lo dejo vacío
Versión: Número de versión [opcional]. → 1.0
License: Tipo de licencia. → GNU
License URI: Referencia web de la licencia. → http://www.gnu.org/licenses/gpl-2.0.html
Tags: Etiquetas necesarias que describen el tema y permiten una búsqueda en el repositorio de WordPress. → Gris, responsive
Template: Indica el directorio o carpeta donde se encuentra instalado el tema padre [obligatorio]. → reverie-master

Tras editar los metadatos, tenemos que importar el style.css del framework en nuestro tema hijo y borrar todo lo demás que contiene esta hoja.
Para importar, escribir a continuación del último metadato:

@import url(“../reverie-master/style.css”);

De esta forma ya tendríamos el tema hijo preparado para editar y modificar a placer, personalizando la apariencia y funcionalidades.

Una vez hemos modificado el archivo style.css lo guardamos y lo subimos a la carpeta.

Ahora, dentro de WordPress, vamos a Apariencia-Temas y vemos cómo aparece nuestro nuevo tema (reverie-child) en el listado de temas disponibles. Lo activamos y ya tenemos nuestro Tema Hijo preparado para ser modificado.

tema-hijo-framework-personalizar

¿Mejor Framework o Theme para WordPress?

He creado ya varios proyectos web en WordPress y creo que existe una cantidad enorme de Themes ya creados que podrían servir para casi cualquier tipo de sector al que quieras dirigirte.

Sin embargo, el tiempo que se invierte en la elección, más la posterior modificación cuando ves que ya llevas mucho contenido y muchas páginas generadas y no te acaba de convencer el Tema que tienes instalado, puede llegar a ser demasiado elevado. Teniendo en cuenta, además, que el tema de WordPress que elijamos como adecuado siempre tendrá que ser modificado para adaptarlo a las necesidades del cliente o del servicio.

De vital importancia es la creación y modificación de los temas en los Child-Themes. Incurrir en el error de adaptación y rediseño de un Parent-Theme es mortal, puesto que en la primera actualización del mismo que realicemos, estos cambios se perderán para siempre, con la consecuente pérdida de tiempo y rabia que esto genera.

frameworks-gratisEl Framework es al fin y al cabo, un tema de WordPress que modifica la apariencia de la web de cara al usuario que navega en nuestro sitio.

Bien, pero ¿Qué es mejor un Framework o un Theme de WordPress?

Al final, el framework (marco de trabajo) facilita el trabajo del desarrollador web gracias a que, con las herramientas que incorpora, muchas funciones en las que perderíamos horas desarrollando vienen ya dadas y solo tenemos que llamarlas para que cumplan su utilidad en la web.

Hasta el boom de los Frameworks, si querías modificar un tema y no morir en alguna de sus actualizaciones debías tirar de tema hijo para hacer las modificaciones en él. Los Frameworks usan temas hijos y puedes modificarlos sin tener que cambiar el tema padre, que en este caso sería el Framework, porque separan la programación del diseño. Así pues, las funciones básicas de programación (los PHP, JS…) están en el Framework y la apariencia y personalización que le quieras dar, el diseño, está en el tema hijo.

La ventaja de los Frameworks es que tienen un gran soporte detrás, están en continua actualización y existe un grupo sólido de foreros dispuestos a ayudar y resolver dudas. Además, con un solo Framework se puede dar la apariencia deseada para diferentes tipos de páginas webs, simplemente llamando a las funciones que necesitemos para cada ocasión.

La mayoría de Frameworks son de pago y actualmente está de moda el de Genesis. Pero existe la opción de descargar algún Framework gratuito. Otra fórmula de éxito es la descarga gratuita del Marco de Trabajo (Framework) y la compra del tema hijo basado en este framework que más nos guste. Esta modalidad de personalización la puedes ver aquí.