Tema hijo Framework

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

Deja un comentario

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