Crear un tema WordPress desde cero – La estructura de archivos

Programando una plantilla desde cero tienes todas las posibilidades del mundo. Puedes hacer lo que quieras. Utilizar boopstrap, jQuery, Prototype, etc., pero siempre tienes que respetar una estructura básica de archivos que utiliza WordPress.

Antes de hablar de los archivos que deben componer nuestro tema debemos saber que existe una jerarquía que WordPress recorre en un orden específico.

Por ejemplo, si nos fijamos en el archivo archive.php que agrupa todos los listados de posts por categorías, autor, fechas, etiquetas. Si solicitamos un listado de entradas de la categoría con id 3 (blog.com/?cat=3), WordPress primero buscará la plantilla para esa categoría específica, que sería category-3.php. Al no encontrarla, busca la plantilla de categorías en general, category.php. Si no existe, utiliza archive.php, si a su vez tampoco existe entonces buscará index.php.

Sabiendo esto, ya debes intuir que dependiendo de las necesidades, se usarán unos archivos u otros y, además, podrás personalizar todas las entradas, todas las páginas de categorías, todas las páginas, etc.

En nuestro caso, lo primero que tendremos que hacer, es añadir nuestro tema en el directorio de temas de WordPress (/wp-content/themes/). Le llamaremos «mytheme».

Existen muchas formas de plantear la estructura de archivos de una plantilla. En nuestra plantilla utilizaremos los siguientes archivos:

• archive.php –> Agrupa todos los listados de posts por categorías, autor, fechas, etiquetas. 
• comments.php –> Contiene el formulario de comentarios y el listado de comentarios de una entrada o página.
• footer.php –> Contiene los tags del pie de página. Suele cerrar tags que vienen del header.php
• functions.php –> Es uno de los archivos más importantes y se utiliza para añadir más funcionalidad al tema.
• header.php –> Contiene los tags de la cabecera <header> y los tags de apertura de los principales contenedores de la página.
• index.php –> Contiene la página principal de nuestro tema.
• page.php –> Se utiliza para visualizar las páginas de nuestro tema.
• screenshot.png –> Imagen identificativa del tema.
• search.php –> Contiene el listado de los resultados de búsqueda de nuestro tema.
• searchform.php –> Contiene el formulario de búsqueda de nuestro tema.
• single.php  –> Se utiliza para visualizar las entradas de nuestro tema.
• style.css –> Es el archivo que contiene todos los estilos principales del tema.

Además, como queremos añadir el frameword Bootstrap, jQuery Superfish para el menú desplegable y jQuery BxSlider para implementar nuestra slider añadiremos la siguiente estructura a nuestra plantilla:

• css/bootstrap.css
• css/superfish.css
• css/jquery.bxslider.css
• js/superfish.js
• js/jquery.bxslider.js

También es una muy buena práctica añadir un directorio para las imágenes que vaya a utilizar nuestra tema:

• images/

Y además añadiremos una carpeta algo más avanzada que explicaremos su cotenido en capítulos posteriores:

• includes/

Indice de contenido