Tema Hijo WordPress

Crear un tema hijo de WordPress

Si en WordPress utilizas HTML y CSS para modificar los archivos del tema, cambiar el aspecto de tu web y hacerla √ļnica ya te puedes ir olvidando de las actualizaciones a no ser que crees un tema hijo…

La idea es bien simple, vamos a crear un tema nuevo pero vacio 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√≠: https://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.

image_pdfVer en formato PDFimage_printFormato para IMPRIMIR