• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Jerarquía de Archivos de Plantilla en WordPress

Jerarquía de Archivos de Plantilla en WordPress

Jerarquía archivos plantilla WordPress

[ 11 mayo 2017 ] [ Actualizado: 29 agosto 2018 ]
[ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Si estas haciendo un nuevo tema o estas editando algún tema existente de WordPress, seguramente te has preguntado ¿ Cómo hacer que determinada página luzca un diseño diferente ?, esto se logra entendiendo la Jerarquía de archivos de plantilla.
 

1- Generalidades

Puedes hacer un tema o plantilla WordPress con sólo dos archivos, style.css e index.php, el archivo .css te da el diseño del sitio y a través del archivo .php defines la estructura y su contenido, pero claro, que pasa si quieres dar una estructura diferente al inicio de tu sitio con respecto a cómo se muestran las categorías, o los resultados de búsqueda, o la página de error, etc. Para solucionar esto WordPress nos brinda la funcionalidad de Jerarquía de archivos de Plantilla.
 

2- Estructura de los archivos de plantilla

El siguiente gráfico ha sido sacado de wphierarchy.com, y como verás muestra todas los nombres de archivos que pueden intervenir en la jerarquía de un tema de WordPress.

Gráfico Jerarquía de archivos de plantilla en WordPressAmpliar

 

3- Analizando la estructura del tema Twenty Seventeen

Como puedes ver en la siguiente imagen el theme Twenty Seventeen tiene algunos archivos que son parte de la Jerarquía de Plantillas de WordPress.

Jerarquia template Twenty Seveteen

 
Los archivos marcados son archivos de primer nivel, en base a alguno de estos podemos crear archivos de segundo nivel o archivos con variables, por ejemplo:

Nivel Archivo(s) Descripción
Archivos Primarios archive.php Archivo genérico
Archivos Secundarios category.php Archivo para categorías
Archivos con Variable category-1.php
category-deportes.php
Archivos para categorías específicas

 

Existen plugins que te pueden ayudar a identificar en qué archivo de plantilla te encuentras, revisa el artículo Mostrar el nombre del archivo que esta usando un theme.

 

¿Aún con dudas?, en el siguiente video se explica los puntos tratados anteriormente.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Cómo eliminar todos los productos de WooCommerceCómo eliminar todos los productos de WooCommerce
  • Agrupar los resultados de búsqueda en WordPressAgrupar los resultados de búsqueda en WordPress
  • tipos de complementos de WordPress5 tipos de complementos de WordPress
  • Sincronizar WooCommerce y Google SheetsSincronizar WooCommerce y Google Sheets
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (3 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Juan

    5 diciembre, 2017

    Te felicito, veo que dominas muy bien la programación. Me gusto mucho tu sitio, sigue así gracias!

    • Jhon Marreros Guzmán

      5 diciembre, 2017

      Gracias Juan, Saludos 🙂

  2. marcel

    26 mayo, 2019

    hola que plugin de comentarios estas utilizando

    • Jhon Marreros Guzmán

      29 mayo, 2019

      Ningún plugin, es lo que viene con WordPress, puedes revisar: https://decodecms.com/modificar-el-formulario-de-comentarios-en-wordpress/

  3. Jesús

    18 mayo, 2021

    Alguien que me ayude, soy nuevo en la programación y la universidad me piden un proyecto de documentos controlados.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Shortcode para mostrar la fecha en WordPress

Modo oscuro (Dark mode) en WordPress

Excluir páginas de la búsqueda de WordPress

Estructura de la base de datos de WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados