Los temas de WordPress le permiten cambiar el diseño de su sitio web, proporcionando control sobre el aspecto y la sensación. Son esencialmente colecciones de diferentes archivos de plantillas que trabajan juntos y producen el diseño general de su sitio web.

Antes de profundizar en los temas de WordPress, es importante que usted tenga una comprensión de cómo funciona WordPress y cómo se crean las diferentes páginas de su sitio web. WordPress interactúa con una base de datos para almacenar su contenido. Esto significa que cada vez que crea una nueva entrada o página, el contenido de su entrada o página vive en una base de datos y sólo se muestra utilizando plantillas cuando el visitante pide ese contenido en particular.

Un tema de WordPress es una colección de plantillas (archivos CSS y PHP) que WordPress utiliza para mostrar el contenido de la base de datos. WordPress buscará los archivos de un tema para usarlos para renderizar la página actual en un orden específico. Esto se llama «jerarquía de plantillas», que se utiliza para crear y ampliar los temas de WordPress.

Los temas de WordPress deciden cómo debe mostrarse el contenido en su sitio web. Una plantilla en WordPress es un archivo único que determina el aspecto de una página específica o un conjunto de páginas en el front-end de su sitio web. Cuando cambias tu tema, estás cambiando la forma en que se muestra el contenido sin cambiar el contenido en sí.

Los temas de WordPress utilizan diferentes archivos de plantillas para generar una página web completa. Por ejemplo, cuando accedes a un sitio web de WordPress, en realidad puedes ver varios archivos de plantillas diferentes combinados para crear una página completa.

Por ejemplo, si usted va a mirar una página de índice, como la portada de un blog, por lo general verá un encabezado creado por la plantilla header.php, el contenido creado por index.php, la barra lateral creada por sidebar.php y el pie de página creado por footer.php

Sin embargo, si accede a una página individual, seguirá viendo el mismo encabezado, la misma barra lateral y el mismo pie de página pero el contenido sería creado por single.php en su lugar. La pregunta es ¿cómo saber cuál de estos archivos de plantilla entra en acción y en qué momento? Ahí es donde entra la jerarquía de plantillas de WordPress.

La jerarquía de plantillas de WordPress determina en qué orden se cargan sus archivos de plantillas dentro de su tema de WordPress. WordPress busca estos archivos, para determinar cómo cargar su sitio.

Si abre la carpeta del tema ‘Twenty Fifteen’ (uno de los temas por defecto de WordPress), hay más de 15 archivos de plantillas. Estos incluyen archivos de plantillas para 404, archivo, autor-bio, comentarios y contenido-enlace sólo para nombrar algunos. WordPress utilizará la información de la cadena de consulta contenida en cada enlace de su sitio web para decidir qué plantilla o conjunto de plantillas se utilizará para mostrar la página.

WordPress decide qué tipo de página (página de búsqueda, página de categoría o página de inicio, por ejemplo) se está solicitando y luego elige la plantilla apropiada sugerida por la jerarquía de plantillas de WordPress para generar el contenido.

Convención de nomenclatura

WordPress tiene una convención de nomenclatura especial y estricta asociada a los archivos de los temas, por lo que todos los temas comparten un conjunto de archivos con nombres bastante comunes en el back end. Por ejemplo, para gestionar fácilmente su contenido puede crear archivos header.php y footer.php. Estos archivos de plantilla deben llamarse header.php y footer.php.

WordPress busca archivos de plantilla con nombres específicos en el directorio del tema actual para determinar qué plantilla utilizar, lo más habitual es que se utilice el primer archivo de plantilla que coincida. Si WordPress no puede encontrar un archivo de plantilla con un nombre coincidente, salta al siguiente nombre de archivo en la jerarquía. Si WordPress no encuentra ningún archivo de plantilla que coincida, utilizará index.php (el archivo de plantilla de la página de inicio del tema).

Así que cuando esté editando archivos de plantilla lo que tiene que pensar es qué tipo de contenido es, y luego editar el archivo de plantilla apropiado para ese tipo de contenido. Lo mismo se aplica a cuando estás creando temas de WordPress desde cero.

Requisitos mínimos del tema

Los únicos archivos que se requieren para que un tema de WordPress funcione son index.php y style.css. El index.php es el principal y único archivo que procesará todas las consultas de WordPress, así como la estructura del sitio.

Los archivos mínimos requeridos para que un tema de WordPress funcione y sea visible en el tablero de WordPress para su activación son index.php y style.css.

Si index.php o style.css faltan, verá el siguiente error.

Los siguientes temas están instalados pero están incompletos. Los temas deben tener una hoja de estilo y una plantilla.

• style.css (obligatorio)

• index.php (obligatorio)

• functions.php (opcional)

• screenshot.png (opcional)

Esta separación aumenta mucho la eficiencia. Combinar todo en un solo archivo grande index.php podría funcionar técnicamente, pero no sería bonito, y causaría un sinfín de problemas en el futuro. También la edición de un tema sería una pesadilla!

Aquí está la lista de los archivos de tema reconocidos por WordPress.

• style.css

• rtl.css

• index.php

• comments.php

• front-page.php

• single.php

• page.php

• author.php

• archive.php

Hay muchos otros archivos también, puede ver la lista de archivos de plantilla para más detalles.

Ejemplo de jerarquía de plantillas de Twenty Fifteen

Suponga que ha activado el tema Twenty Fifteen y un usuario visita la página yoursite.com/author/tahir/. Primero, WordPress buscará la plantilla etiquetada author-tahir.php pero author-tahir.php no está disponible. Entonces WordPress buscará author.php, si tampoco existe, buscará archive.php. Este archivo está disponible en el tema Twenty Fifteen. Si elimina o cambia el nombre de archive.php entonces WordPress utilizará index.php para renderizar la página.

Cada vez que un usuario visita su sitio web, WordPress se mueve hacia arriba en la jerarquía de plantillas hasta encontrar un archivo de plantilla que coincida. Esto tiene que ver con cómo se nombran estos archivos.

El plugin ‘What The File’

Para saber qué archivo y plantilla está usando WordPress para mostrar el contenido de la página que está viendo en ese momento, puede usar el muy útil plugin What The File. Se trata de un plugin gratuito desarrollado por Barry Kooij.

Este plugin añade una opción a tu barra de herramientas que muestra qué archivo y plantillas se están utilizando. Instalé el ‘What The File Plugin’ con fines de prueba en mi servidor local y encontré que funcionaba muy bien.

Para probar qué archivos utiliza WordPress si un archivo específico no está disponible, cambié el nombre de dos archivos (en el tema Twenty Fifteen). En la captura de pantalla de abajo puedes ver qué archivos utiliza WordPress para mostrar el contenido.

Puedes ver que el tema Twenty Fifteen utiliza el archivo content-search.php para mostrar los resultados de la búsqueda. Si eliminas o cambias el nombre de content-search.php, WordPress utilizará content.php para mostrar los resultados de la búsqueda en su lugar.

El plugin ‘What The File’ también te permite hacer clic en el nombre del archivo directamente para editarlo a través del editor de temas. Este plugin requiere WordPress 3.1 o superior, también funcionó bien con WordPress 4.1.

Recursos útiles