Crear un tema hijo de WordPress

Tema Hijo WordPress

Si usando WordPress utilizas tus conocimientos de HTML y CSS para modificar los archivos del tema para cambiar el aspecto de tu web y hacerla única ya te puedes ir olvidando de las actualizaciones del tema a no ser que vallas un paso más allá creando un tema hijo...

La idea es bien simple, vamos a crear un tema nuevo pero vació que heredará del tema padre y podrás añadir modificaciones sin tocar los archivos originales, sin prescindir de las actualizaciones y al mismo tiempo pudiendo personalizar cada detalle de tu tema usando HTML, CSS o incluso PHP.

Los pasos para crear un tema hijo en WordPress son los siguientes:

  1. Crear una carpeta con cualquier nombre para el tema hijo dentro de wp-content/themes
  2. Dentro de la carpeta anterior crear un archivo de texto plano llamado style.css
  3. Incluir en el archivo style.css recién creado el código siguiente (cambiando los "aquí va..." y también la carpeta del import por la del tema padre):
/*
Theme Name: aquí va el nombre del nuevo tema
Description: aquí va la descripción del nuevo tema
Author: aquí va el nombre del autor del nuevo tema
Author URI: aquí va la web o blog del autor
Version: aquí va la versión del nuevo tema
Tags: aquí van las etiquetas del nuevo tema hijo, puedes copiar las del tema padre
Template: aquí va el nombre literal de la carpeta del tema padre, igual que también va a continuación en la línea del import
*/

@import url('../padre/style.css');

/* Aquí puedes añadir el código CSS que quieras añadir a tu tema hijo */

Una vez hecho esto vas al panel de control y activas el nuevo tema, ya tienes lo básico, a continuación puedes hacer alguna de las siguientes cosas para modificar tu tema (siempre a través del tema hijo y sin cambiar el código original del tema padre):

  1. Añadir CSS en el archivo style.css de tu tema hijo recién creado.
  2. Copiar cualquier archivo PHP desde la carpeta del tema padre a la carpeta del tema hijo y modificar el HTML del archivo nuevo.
  3. Copiar el archivo functions.php desde la carpeta del tema padre a la carpeta del tema hijo y añadir funciones PHP nuevas que puedes usar desde cualquier plantilla nueva.

OJO: He estado haciendo pruebas con un tema padre que a su vez es hijo de otro tema y al final he conseguido que el sistema funcione indicando como padre al primer padre, es decir el abuelo.

Las reglas básicas de los temas hijo de WordPress son las siguientes:

  1. El archivo hijo style.css no llama 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. WordPress llama tanto al archivo functions.php del padre como al del hijo, así que salvo que el padre haya declarado las funciones comprobando su existencia no podrás crear funciones con el mismo nombre en el hijo.

Si te ha gustado lo que has leído pero te has quedado corto puedes informarte más y mejor con la documentación oficial de WordPress en Español aquí: http://codex.wordpress.org/es:Main_Page y también puedes seguir leyendo este blog ya que yo seguiré publicando tutoriales como este basados en mi propia experiencia donde te invito a usar la zona de comentarios para contarnos tus dudas, inquietudes y experiencias al respecto de cada entrada.

Andy Garcia

Webmaster SEO 2.0 especializado en Drupal y WordPress con experiencia profesional desde 1995, trabaja y comparte información de diseño web, posicionamiento y redes sociales...

Web - Twitter - Facebook - LinkedIn - YouTube

Contenido relacionado que puede interesarte:

8 comentarios

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Si usando WordPress utilizas tus conocimientos de HTML y CSS para modificar los archivos del tema para cambiar el aspecto de tu web y hacerla única ya te puedes ir olvidando de las actualizaciones del tema a no ser que valla…..

  2. ipaelo dice:

    Al final te va a gustar WP mas que Drupal. :)

  3. Andy García dice:

    WordPress lo conozco y controlo de mucho antes que Drupal.

    La versatilidad de Drupal no se consigue con WordPress aunque la mayoría de los ‘super’ proyectos que me están ofreciendo desarrollar se pueden hacer con ambos y con WordPress le complico menos la vida al cliente ya que es más sencillo.

  4. ipaelo dice:

    A mi la administración de Drupal me parece un caos.

    Para mi la sencillez hacia el cliente y la facilidad a la implantación hace que sea mi favorito.

    Tambien quiero decir que conozco mucho menos Drupal que WordPress.

  5. demcorp dice:

    Yo conozco más Drupal que WordPress. Lo cierto es que Drupal es, a priori, más complicado de administrar que WP, pero también permite hacer más cosas. Si el proyecto es pequeño y te apañas con WP, sin duda es más cómodo. Para cosas mas gordas, Drupal es tu aliado ;)

  6. Andy García dice:

    Ipaelo, Drupal es a priori más complejo pero si te lo trabajas y te acostumbras a su versatilidad luego te encuentras incómodo con otro CMS más básico como WordPress (salvo en proyectos con poca complejidad aunque claro que esto es discutible).

    Así es demcorp estamos deacuerdo.

    Aprovecho para comentar que estamos organizando un seminario gratis sobre CMS para después del verano donde pondremos cara a cara a Drupal, WordPress y Joomla, más info, programa y pre-inscripciones aquí: http://www.autopubli.com/seminarios/cms

  7. Luis dice:

    Que interesante sabes que me gusta mucho wordpress estoy iniciando un proyecto de una red social turistica…
    gracias…

  8. Andy Garcia dice:

    Aviso que la línea “Template: nombre del tema padre” es sensible a mayusculas y minusculas así que si tu tema padre se llama tacirupeca (todo minúsculas) deberas escribirlo tal cual y no Tacirupeca.

Deja un comentario

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

*

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.