Quantcast
Channel: Blog de David Rabáez » themes
Viewing all articles
Browse latest Browse all 4

Cómo crear un tema hijo en WordPress

$
0
0

Antes de modificar el aspecto de nuestro blog debemos saber que la mejor manera de hacer estos cambios es creando un tema hijo o child theme, y de no hacerlo así, corremos el riesgo de perder todo nuestro trabajo en la próxima actualización del theme. El proceso de creación de un child theme es sencillo, crearemos un tema nuevo, vacío, que heredará las características del tema padre o parent theme. La utilidad de los child themes reside en poder personalizar nuestro blog sin tener que crearlo desde cero y sin que le afecte las actualizaciones del parent theme.Cómo crear un tema hijo en WordPress

Creando un child theme

Para que WordPress reconozca un tema como hijo, lo único que debemos hacer es:

1. Crear una carpeta con un nombre que decidamos en la ruta wp-content/themes, por ejemplo: child_twentytwelve

2. Dentro de la carpeta, creamos un fichero de texto plano denominado style.css

3. Editar el fichero style.css y añadir el siguiente código:

/*
   Theme Name: Child Twenty Twelve
   Theme URI: http://wordpress.org/themes/twentytwelve
   Description: Child Theme. Parent Theme Twenty Twelve
   Author: David Rabaez
   Author URI: davidrabaez.com
   Template: twentytwelve
   Version: 0.1
*/
@import url("../twentytwelve/style.css");

NOTA: en Template y en @import van, respectivamente, el nombre literal de la carpeta padre y la ruta relativa de la hoja de estilo del tema padre.

De no configurarse correctamente el campo Template, cuando intentemos activar el tema, este no aparecerá, y nos mostrará el siguiente mensaje:

Temas dañados

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”.

4. Ir al panel de control de nuestro blog y en Apariencia > Temas, activar el nuevo tema.

Cambios que podemos hacer en nuestro child theme

Una vez creado y activado el child theme podemos:

1. Añadir código CSS al fichero style.css hijo que acabamos de crear.

2. Copiar cualquier fichero PHP del parent theme al child theme y modificar el código según nuestras necesidades.

3. Crear un fichero functions.php hijo y añadir las nuevas funciones PHP.

Reglas

Para trabajar sobre nuestro child theme debemos tener en cuenta las siguientes reglas:

1. El archivo hijo style.css anula al archivo style.css padre así que debemos importarlo como se indica arriba

2. Cada archivo php del tema hijo sustituye al mismo archivo php del tema padre.

3. El fichero functions.php a diferencia del fichero style.css, no anula al padre. En su lugar, además de las funciones del padre, carga también las del hijo y estas antes que las del padre.

Más información en http://codex.wordpress.org/es:Main_Page

Si os ha sido útil este artículo os invito a compartirlo con vuestros amigos en las Redes Sociales haciendo clic en los iconos que aparecen a la izquierda o abajo de la entrada.


Viewing all articles
Browse latest Browse all 4

Latest Images

Trending Articles





Latest Images