WordPress : Estructura y componentes dentro de un tema

Fecha Publicación:       07 de Septiembre de 2022
Fecha Modificación:       12 de Marzo de 2024

Los temas de WordPress se basan en un sistema de plantillas. Una plantilla es un fichero que representa un tipo de contenido dentro de nuestra web. Hay plantillas para la home, para listados de categorías y etiquetas, para páginas, para el detalle de una entrada, para la pantalla de búsqueda, para cuando nos da un error 404, etc… Los archivos y plantillas que podemos encontrar dentro de un tema de WordPress son las siguientes:

  • style.css: hoja de estilos principal, que contiene la información sobre tu tema y puede contener los estilos de tu sitio (veremos más adelante una manera de optimizar esto)
  • index.php: plantilla principal del tema, que se mostrará siempre que no se encuentre otra plantilla dentro de la jerarquía de plantillas de WordPress
  • home.php: plantilla para listado de post en la página principal
  • front-page.php: plantilla para listado de post o página estática
  • header.php: plantilla para cargar la cabecera del sitio. Dentro hay que utilizar la función wp_head() antes del cierre de la etiqueta </head>. Esta función es usada por temas y plugins para cargar dinámicamente CSS, JS, etc. También es donde se abre el <body> de nuestro sitio.
  • footer.php: plantilla para cargar el pie de nuestro sitio. Dentro hay que utilizar la función wp_footer() antes del cierre de la etiqueta </body>. Esta función es usada por temas y plugins para cargar dinámicamente JS, etc. Es donde se cierra la etiqueta </html> de nuestro sitio.
  • page.php: plantilla por defecto para mostrar las páginas.
  • category.php: plantilla para mostrar listados de entradas o posts por categoría. Podemos personalizar categorías concretas creando plantillas con la nomenclatura category-{slug}.php ó category-{id}.php
  • single.php: plantilla para mostrar el detalle de las entradas o posts. Podemos personalizar el detalle de Custom Post Type concretos creando plantillas con la nomenclatura single-{posttype}.php
  • author.php: plantilla para mostrar el autor y sus entradas. Podemos personalizar ésta plantilla para autores concretos creando plantillas con la nomenclatura author-{nicename}.php ó author-{id}.php
  • archive.php: plantilla para mostrar listados de entradas de Custom Post Types. Podemos personalizar listados de CPT concretos creando plantillas con la nomenclatura archive-{posttype}.php
  • tag.php: plantilla para mostrar listados de entradas o posts por etiqueta. Podemos personalizar etiquetas concretas creando plantillas con la nomenclatura tag-{slug}.php ó tag-{id}.php
  • taxonomy.php: plantilla para mostrar listados de entradas o posts por taxonomía. Podemos personalizar taxonomías concretas creando plantillas con la nomenclatura taxonomy-{taxonomy-term}.php ó taxonomy-{taxonomy}.php
  • date.php: plantilla para mostrar listados de entradas o posts por fecha (año, mes y día)
  • search.php: plantilla para mostrar listados de resultados de búsqueda de posts, pages y CPT.
  • searchform.php: plantilla para mostrar el formulario de búsqueda
  • 404.php: plantilla de página no encontrada
  • comments.php: plantilla de formulario de comentarios
  • sidebar.php: plantilla de barra lateral
  • functions.php: archivo donde crear las funcionalidades, configuraciones y ajustes del tema.
  • screenshot.png: pantallazo o portada de tu tema que aparecerá en el listado de temas en el back-end de WordPress (Apariencia => Temas)

Vea tambien

WordPress : Jerarquia de plantillas

 

Articulo : - Veces Leidas
Compartir Articulo:
×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web