Jerarquía de plantillas ⋆ ALexHost SRL

Pon a prueba tus habilidades en todos nuestros servicios de Hosting y ¡obtén un 15% de descuento!

Utiliza el código al pagar:

Skills
21.01.2025

Jerarquía de plantillas

La jerarquía de plantillas de WordPress es el sistema que utiliza para determinar qué archivo(s) de plantilla utilizar al mostrar cualquier página en un sitio web. Esta jerarquía permite una gran flexibilidad y personalización de cómo los diferentes tipos de contenido, páginas, entradas y categorías se muestran en su sitio. Entender cómo funciona la jerarquía de plantillas le ayudará a personalizar su tema de WordPress de forma efectiva.

Aquí tiene una visión detallada de cómo funciona la jerarquía de plantillas de WordPress:


¿Qué es la jerarquía de plantillas de WordPress?

La Jerarquía de Plantillas es un conjunto de reglas que WordPress sigue para elegir qué archivo(s) de plantilla usar al mostrar una página. Estas plantillas se almacenan en la carpeta del tema y permiten a WordPress generar dinámicamente el diseño correcto en función del tipo de contenido que se muestra.

Por ejemplo:

  • Cuando se muestra una única entrada de blog, WordPress buscará primero una plantilla llamada single.php. Si no la encuentra, se mueve hacia abajo en la jerarquía, buscando alternativas como index.php.
  • Al mostrar una página de categoría, WordPress buscará primero category-slug.php o category-ID.php, y así sucesivamente.

Archivos de plantilla básicos en WordPress

Cada tema de WordPress tiene unos cuantos archivos de plantilla esenciales. Aquí están los más comunes:

  • index.php: La plantilla alternativa para todas las páginas si no hay otras plantillas más específicas disponibles.
  • header.php: Define la sección de cabecera de su sitio (por ejemplo, logotipo, navegación).
  • footer.php: Define la sección de pie de página de su sitio (por ejemplo, información de copyright, widgets de pie de página).
  • single.php: Muestra entradas individuales del blog.
  • page.php: Muestra páginas individuales.
  • archive.php: Muestra páginas de archivo (por ejemplo, categorías, etiquetas, autores).
  • category.php: Muestra páginas de archivo de categorías.
  • tag.php: Muestra páginas de archivo de etiquetas.
  • search.php: Muestra las páginas de resultados de búsqueda.
  • 404.php: Muestra una página de error 404 cuando no se encuentra una página.

Cómo funciona la jerarquía de plantillas de WordPress

WordPress determina qué plantilla usar basándose en el tipo de contenido solicitado. Repasemos algunos tipos comunes de páginas y cómo WordPress selecciona la plantilla:

1. Entrada única (single.php)

Cuando se muestra una entrada individual, WordPress buscará las siguientes plantillas en este orden:

  1. single-{post-type}.php (para tipos de entrada personalizados, por ejemplo, single-product.php)
  2. single.php
  3. index.php

2. Página (page.php)

Al mostrar una página individual (como una página Acerca de nosotros o Contacto), WordPress seguirá este orden:

  1. custom-page-slug.php (si la página tiene una plantilla personalizada)
  2. page-{slug}.php (por ejemplo, page-about.php)
  3. page-{ID}.php (por ejemplo, page-2.php)
  4. page.php
  5. index.php

3. Archivo de categorías (category.php)

Para las páginas de archivo de categorías (por ejemplo, una lista de entradas de una categoría específica), la jerarquía es la siguiente:

  1. category-{slug}.php (por ejemplo, category-news.php)
  2. category-{ID}.php (por ejemplo, category-3.php)
  3. categoría.php
  4. archivo.php
  5. index.php

4. Archivo de etiquetas (tag.php)

Para las páginas de archivo de etiquetas, WordPress utiliza:

  1. tag-{slug}.php (por ejemplo, tag-recipes.php)
  2. tag-{ID}.php
  3. tag.php
  4. archive.php
  5. index.php

5. Tipos de entrada personalizados

Los tipos de entrada personalizados pueden tener sus propias plantillas. WordPress busca:

  1. single-{post-type}.php (por ejemplo, single-product.php)
  2. single.php
  3. index.php

Del mismo modo, para los archivos de tipo de entrada personalizados

  1. archive-{post-type}.php (por ejemplo, archive-product.php)
  2. archivo.php
  3. index.php

6. Archivo de autores (author.php)

Para las páginas de autor, WordPress sigue esta jerarquía:

  1. author-{nicename}.php (por ejemplo, author-john.php)
  2. autor-{ID}.php
  3. autor.php
  4. archivo.php
  5. index.php

7. Resultados de la búsqueda (search.php)

Al mostrar los resultados de la búsqueda, WordPress utiliza el siguiente orden:

  1. search.php
  2. index.php

8. página de error 404 (404.php)

Cuando una página no se encuentra, WordPress utiliza:

  1. 404.php
  2. index.php

9. Archivo de fechas (date.php)

Para los archivos basados en fechas, WordPress utiliza:

  1. date.php
  2. archivo.php
  3. index.php

10. Página de inicio

WordPress ofrece dos opciones para la página de inicio: el índice del blog o una página estática.

  • Para el índice del blog:
    1. home.php
    2. index.php
  • Para una portada estática:
    1. front-page.php
    2. inicio.php
    3. página.php
    4. index.php

Representación visual de la jerarquía de plantillas

He aquí un flujo visual simplificado para comprender mejor la jerarquía:

  • Single Post: single-{post-type}.php → single.php → index.php
  • Página: custom-page-slug.php → page-{slug}.php → page.php → index.php
  • Archivo de categorías: category-{slug}.php → category.php → archive.php → index.php
  • Archivo de etiquetas: tag-{slug}.php → tag.php → archive.php → index.php
  • Archivo de autores: author-{nicename}.php → author.php → archive.php → index.php
  • Resultados de búsqueda: search.php → index.php
  • error 404: 404.php → index.php
  • Página de inicio: front-page.php → home.php → index.php

Personalización de la jerarquía de plantillas

Puede crear plantillas personalizadas siguiendo las convenciones de nomenclatura de la jerarquía. Por ejemplo, para crear una plantilla personalizada para una categoría específica (por ejemplo, “Noticias”), cree un archivo llamado category-news.php y colóquelo en la carpeta de su tema. WordPress utilizará automáticamente esta plantilla cuando muestre entradas de la categoría “Noticias”.

Además, puede anular las plantillas predeterminadas creando archivos de plantilla más específicos, como single-product.php para un tipo de entrada personalizado o page-about.php para una página específica.


Consejos para trabajar con la jerarquía de plantillas

  1. Utilice etiquetas condicionales: Puede usar etiquetas condicionales como is_single(), is_page(), o is_category() dentro de index.php u otras plantillas para aplicar código específico a ciertos tipos de contenido.
  2. Partes de plantilla: Utilice get_template_part() para incluir fragmentos de código reutilizables (por ejemplo, una cabecera o un pie de página comunes) en varias plantillas.
  3. Temas hijos: Si está realizando cambios en un tema existente, cree un tema hijo para poder modificar las plantillas sin afectar a los archivos del tema original.
  4. Depuración: Si no estás seguro de qué plantilla está utilizando WordPress para una página en particular, puedes utilizar plugins como What The File para averiguarlo.

Conclusión

La jerarquía de plantillas de WordPress es un potente sistema que ofrece a los desarrolladores flexibilidad para crear diseños personalizados para distintos tipos de contenido. Entendiendo la jerarquía, puede controlar cómo su sitio web WordPress muestra diferentes tipos de contenido, asegurando una experiencia de usuario consistente y única. Ya sea que esté creando plantillas personalizadas para páginas específicas o personalizando diseños de archivos, dominar la jerarquía de plantillas le dará el control necesario para ajustar su sitio de WordPress.

Pon a prueba tus habilidades en todos nuestros servicios de Hosting y ¡obtén un 15% de descuento!

Utiliza el código al pagar:

Skills