jueves, 6 de noviembre de 2014

WordPress - Plantillas hijas

Hace unos días os explicaba como añadir una nueva hoja de estilos a la template que ya tenéis montada en vuestro WordPress, en resumen venia siendo algo asi como añadir una etiqueta a la template con el método de WP bloginfo().

Bien hoy os cuento (pensaba que esto ya lo había escrito) que ese modo es 100% funcional, aunque no es el mas apropiado, ya que si salen actualizaciones de nuestro tema, y por supuesto actualizamos (algo que deberíamos hacer siempre, para solucionar posibles bug, y agujeros de seguridad), bien como os contaba tenemos el problema al actualizar ya que todas las modificaciones que llevemos a cabo se perderán, si solo hemos incluido un enlace de una hoja de estilos tenemos fácil localizar el cambio y volver a hacerlo, aunque es una tarea pesada si la plantilla esta viva y se actualiza a menudo.
Si queremos evitarnos esto el mejor modo es crear una plantilla hija, para ello  deberemos:



  1. Crear una carpeta con el mismo nombre de la que queremos heredar seguido de-child (ej. twentyfourteen-child)
  2. Crear una hoja de estilos con el nombre style.css
  3. Incluir lo siguiente en esta hoja de estilos

/*
 Theme Name:   Nuestro tema hijo personalizado
 Description:  Descripción de nuestro tema
 Author:       ROG@MA - Roberto Gascón Maroto
 Author URI:   http://www.rogamainformatica.es
 Template:     twentyfourteen
 Version:      1.0.0
*/

  • En donde los únicos obligatorios son el Theme Name, que como indica es el  nombre que va a tener nuestro tema
  • Template, que es el nombre del tema desde el que vamos ha heredar
Seguido de esto podemos escribir nuestros estilos, o bien importarlos desde un archivo externo con algo al estilo:
@import url("css/custom.css");
Con esto tenemos solucionado el problema de las actualizaciones además en este mismo directorio podemos duplicar los archivos de nuestra plantilla madre, y editarlos a nuestro antojo, algo muy común(hoy mismo me han hecho una consulta) es editar el footer.php, para quitar la firma del autor, o el nombre del tema, poner los derechos de autor o cualquier otra cosa, duplicando el footer de la plantilla madre y editándolo a nuestro antojo no tendremos problemas en las actualizaciones

Un saludo y espero que os sirva de utilidad ;)