• Ir a navegación principal
  • Ir al contenido principal
  • Ir a la barra lateral primaria

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
Inicio / Tutoriales / Themes / Jerarquía de Archivos de Plantilla en WordPress
Anuncio banner webservi

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

  • Guía visual de Hooks para StoreFront y WooCommerceGuía visual de Hooks para StoreFront y WooCommerce
  • Extraer un sitio desde un multisiteExtraer un sitio desde un multisite
  • Eliminar el slug de la URL de un Custom Post TypeEliminar el slug de la URL de un Custom Post Type
  • Búsqueda en tabla personalizada en WordPressBúsqueda en tabla personalizada en WordPress
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/

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

*

* Gravatar habilitado

Barra lateral primaria

Presentación

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
Los 5 posibles errores que estas cometiendo cuando trabajas con código en WordPress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Modificar elementos en página de producto de WooCommerce

Usar el Media Uploader de WordPress en tus plugins y temas

Cómo usar el Modo de Recuperación de WordPress

Eliminar campo URL de los comentarios de WordPress

Recientes

  • Guía visual de Hooks para StoreFront y WooCommerce
  • Extraer un sitio desde un multisite
  • Eliminar el slug de la URL de un Custom Post Type
  • Búsqueda en tabla personalizada en WordPress
alojamiento wordpress

© logo decode pie Copyright 2021 | Todos los derechos reservados | Política de Privacidad