Cómo crear un tema hijo en Wordpress

Cómo crear un tema hijo en WordPress

En el anterior post vimos cómo modificar la plantilla de WordPress, en la que existían varias opciones y dijimos que la más adecuada era la de crear un tema hijo en WordPress.

Paso a paso para crear un tema hijo en WordPress

1. Nos dirigimos a nuestro administrador de archivos o cPanel del servidor dónde tenemos instalado WordPress. Una vez en la carpeta raíz de la instalación nos dirigimos a:

 

wp-content -> themes

En ese directorio creamos una carpeta, el nombre puede ser el que tú quieras, pero normalmente se utiliza el nombre del tema padre seguido de un guión y la palabra “child” o “hijo” para identificar el tema sin problemas.

En mi caso, uso el tema “Enfold” que sería el tema padre. Para crear el tema hijo lo que debemos hacer es crear una carpeta que se llame “enfold-child“. Tal que así:

 

Cómo crear un tema hijo en WordPress

 

2. Dentro de la carpeta “enfold-child” creamos una nueva hoja de estilos que llamaremos “style.css” y en ella pondremos lo siguiente:


/*
Theme Name: enfold-child
Description: enfold-Child Theme
Author: Fernando Vera
Template: enfold
Version: 1.0.0
Text Domain: enfold-child
*/
@import url("../enfold/style.css");

 

Líneas importantes que debes modificar:

Theme Name: Elige el nombre que quieras, pero diferente al nombre del tema padre.

Template: Aquí debes poner el nombre del tema padre si quieres que funcione.

@import url(xxxxxx): Esta línea indica al tema hijo desde dónde heredaremos la hoja de estilos original para que el tema funcione correctamente. Es decir, heredaremos la hoja de estilos del tema padre cuya ruta es “../enfold/style.css

 

Una vez hecho estos pasos, ya solo tendremos que activar nuestro tema hijo desde WordPress. No notaremos cambio alguno en nuestro tema ya que no hemos realizado ninguna modificación en la hoja de estilos.

A partir de ahora, todas las modificaciones que quieras hacer en el código CSS añádelas en la hoja de estilos del tema hijo. De esta manera cuando actualices el tema padre, tus modificaciones en el código se mantendrán intactas.

Los mismo si quieres modificar el código PHP de los archivos que contiene el tema, para ello copia el archivo original del tema padre en tu tema hijo y modifícalo a tu gusto. Lo único que debes tener en cuenta es que los archivos del tema hijo tengan la misma estructura de directorio. Es decir, si “footer.php” está ubicado en /temaPadre/includes/footer.php/, en el tema hijo debería estar ubicado en /temaHijo/includes/footer.php

Para el archivo “functions.php” no hace falta que copies el archivo original, con que añadas uno nuevo con la apertura php y añadas las funciones que quieras es suficiente. Ya que WordPress solo tendrá en cuenta las modificaciones.

 

 


Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir

Deja un comentario

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

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>