En este post hablaré de cómo está hecho un tema de WordPress. Hay que tener en cuenta que cada tema es diferente, pero al final entre ellos hay escasas diferencias en cuanto a los ficheros que los componen. Esto se debe a que un par de archivos son obligatorios y unos cuantos “estándar”, pero a partir de ahí la puerta está abierta para añadir otros archivos con propósitos diferentes.
Un tema de WordPress tiene 2 archivos fundamentales que forman el núcleo y son el index.php y el style.css. WordPress no reconocerá ningún tema si esos 2 archivos no están el directorio del tema.
Podrías crear un tema con sólo esos 2 archivos, pero necesitarías un poco más para que ofrezca la funcionalidad que debería.
Tabla de archivos de un tema
A continuación mostraré una tabla con los archivos que puedes encontrar en un tema:
- Estándar: Se suele usar en todos los temas.
- Especial: Añade nuevas funciones.
- Core: Requerido.
- Otros: No se usan.
| Tipo | Archivo | Función |
|---|---|---|
| Estándar | 404.php | Página de error, se muestra cuando se introduce una URL incorrecta. |
| Estándar | archive.php | Enseña posts de una fecha, categoría, etiqueta o autor. |
| Estándar | comments.php | Reparte todos los comentarios, pingbacks y tracbkacks y el formulario de comentarios cuando son llamados |
| Estándar | footer.php | Incluído en la parte más baja de la página. Cierra todas las secciones. |
| Estándar | front-page.php | Muestra el contenido del página de inicio. |
| Estándar | header.php | Incluído en la parte más alta de cada página. Tiene el DOCTYPE,, navegación… |
| Estándar | home.php | Muestra el contenido del página de inicio si front-page.php no está disponible. |
| Estándar | page.php | Plantilla para páginas de contenido estático. |
| Estándar | screenshot.png | Esta es la imagen del tema, se muestra en selector de tema. |
| Estándar | search.php | La plantilla de resultados de búsqueda. |
| Estándar | sidebar.php | Incluido en páginas donde quieres una barra lateral. |
| Estándar | single.php | Muestra un post al completo con comentarios. |
| Especial | archives.php | Presenta el formulario de búsqueda, la lista de categrorías y archivos(posts) mensuales |
| Especial | functions.php | El archivo que ofrece distintas funcionalidad al tema |
| Especial | image.php | Página para cada unas de las imágenes del sitio |
| Especial | links.php | Muestra una serie de enlaces (blogroll) |
| Especial | loop.php | Permite customizar o tener varios loops(obtención de posts) |
| Especial | rtl.css | CSS que incluye en caso de usar lenguajes que se leen de derecha a izquierda. |
| Otros | comments-popup.php | Si permites comentarios en popup o ventana flotante |
| Core/núcleo | index.php | La página de inicio del sitio. |
| Core/núcleo | style.css | Proporciona el diseño del tema, requerido para que el tema funcione aunque no lo uses |
Funcionamiento de cada tipo
Un tema de WordPress incluye archivos estándar. Estos archivos se encargar de ofrecer la funcionalidad que se espera de un blog como páginas, lectura de posts, error, comentarios…
Luego están los archivos especiales que ofrecen funciones más allá de las básicas. Por ejemplo, el image.php que se encarga de mostrar las imágenes insertadas dentro de un post.
Estos archivos no trabajan de forma independiente, interactúan entre ellos. Por ejemplo, el index.php puede llamar al header.php para introducir la cabecera, el sidebar.php para el menú lateral y para terminar el footer.php que tendrá el pie de página. Luego a mayores el sidebar.php o el propio footer.php pueden llamar a widgets o introducir alguna función a mayores.
Esto hace de WordPress un sistema modular y dinámico que permite realizar cambios importantes de manera sencilla.
Y aquí termina la composición de un tema de WordPress. Espero que tengáis un buen finde 🙂