Conozca la estructura básica de las plantillas de WordPress y su jerarquía

Las plantillas en WordPress son el elemento fundamental que hace que los sitios de WordPress sean distintivos y variados entre sí. Una plantilla de WordPress (WordPress theme) es responsable de determinar la interfaz, la estructura del sitio y su aspecto exterior (UI). Por lo tanto, es esencial que entiendas cómo trabajar con las plantillas en WordPress, personalizarlas según tus necesidades y comprender la estructura básica de las plantillas de WordPress.

Cualquier plantilla de WordPress contiene un conjunto de archivos fundamentales que están sujetos a una jerarquía que determina cómo se muestra cada página de tu sitio de WordPress. El siguiente artículo tiene como objetivo proporcionar una explicación integral de la estructura de las plantillas de WordPress, sus elementos básicos, la jerarquía de estos archivos y su secuencia correcta.

Al conocer estos fundamentos, podrás avanzar un paso adelante en la comprensión de cómo personalizar mejor la plantilla de WordPress que utilizas en tu sitio, o

Desarrollo de una plantilla básica de WordPress

desde cero o como una plantilla secundaria de una plantilla existente.

Contenido del artículo

¿Qué son las plantillas de WordPress WordPress Themes? ¿Qué son los archivos de plantillas o templates en WordPress (WordPress Templates)?

¿Cómo puedo acceder al contenido de los archivos de la plantilla en la plataforma WordPress?

1. Acceder a los archivos de la plantilla a través del panel de control de WordPress 2. Acceder a los archivos de la plantilla a través del panel de control de alojamiento Archivos fundamentales que componen la estructura de una plantilla de WordPress Otros archivos incluidos en una plantilla de WordPress La jerarquía de archivos de una plantilla de WordPress y cómo funcionan

Concepto de la jerarquía de archivos de plantillas de WordPress Tipos de páginas en un sitio de WordPress Conclusión ¿Qué son las plantillas de WordPress WordPress Themes? Una plantilla de WordPress, también conocida como (tema, aspecto o skin), es la estructura fundamental

del diseño completo de un sitio de WordPress, que determina la apariencia general del sitio web y sus funcionalidades mediante el control del diseño de la interfaz frontal del sitio. Esta estructura incluye todos los componentes del diseño web: como paletas de colores, fondos, diseño del encabezado y pie de página del sitio, diseños de página, fuentes utilizadas, posiciones de componentes y otros elementos. A menudo se confunde el concepto de plantilla o tema en WordPress (WordPress Theme)

con el concepto de plantilla o template en WordPress. En el siguiente párrafo aclaramos la diferencia entre ellos antes de profundizar en la explicación sobre la estructura de los archivos de plantillas de WordPress.

¿Qué son los archivos de plantillas o templates en WordPress (WordPress Templates)?

WordPress Templates La diferencia fundamental entre el tema (Theme)

y la plantilla o template (Template)

es que el template se relaciona solo con páginas específicas de un sitio web, no con todo el sitio web. El template es un diseño de página única (single-page layout) que está disponible dentro de un tema completo de WordPress. Por lo tanto, los templates de WordPress generalmente están integrados en diferentes plantillas y pueden incluir múltiples formas y versiones de un mismo tipo de página.

Por ejemplo, un template puede incluir un modelo para la página de un artículo en un blog y mostrar dos versiones diferentes para mostrar el artículo (una versión para mostrar el artículo a ancho completo y otra versión para mostrar el artículo en una columna de ancho estrecho). En resumen: usamos la plantilla o tema para diseñar el sitio completo, y usamos un archivo de plantilla o template separado para cada área de nuestro sitio web, donde cada template generalmente afecta el diseño de una página en tu sitio (luego puedes combinar estas características en un sitio web completo como combinas piezas de Lego para crear un diseño integrado de tu plantilla de sitio). Lee también: Cuál es la diferencia entre Template y Theme en WordPress

En el artículo de hoy nos enfocaremos en explicar la estructura de los archivos de plantillas en WordPress (WordPress Templates) que juntos forman finalmente una plantilla de WordPress que determina el diseño completo de tu sitio y explicamos específicamente cómo el sistema de WordPress las invoca. ¿Cómo puedo acceder al contenido de los archivos de la plantilla en la plataforma WordPress? Si tienes un sitio actual de WordPress y deseas acceder a todos los archivos de la plantilla que utilizas, puedes

acceder a estos archivos de varias maneras: 1. Acceder a los archivos de la plantilla a través del panel de control de WordPress Dirígete primero al panel de control de WordPress, luego selecciona la pestaña Apariencia

< Plantillas (Themes) Esta opción te permitirá explorar todas las plantillas disponibles en tu sitio de WordPress. Automáticamente, hay algunas plantillas

disponibles por defecto como la plantilla TwentyTwenty-one. También podrás identificar la plantilla activa actualmente en tu sitio a través de esta ventana para explorar sus archivos.

Después de seleccionar la plantilla cuyo contenido deseas explorar. -En este caso, la plantilla activa en nuestro sitio es la plantilla predeterminada Twenty Twenty-one- que contiene los archivos principales de la plantilla de WordPress que controlan la apariencia del sitio actual- para ver el contenido de los archivos reales de esta plantilla, ve nuevamente al panel de control de WordPress< selecciona la pestaña Apariencia < Editor de plantillas.

Obtendremos la siguiente ventana: Puedes ver todos los archivos de la plantilla en el extremo derecho (elementos marcados con recuadro rojo) y el nombre de la plantilla aparece en la lista desplegable (elige una plantilla para editarla) en la parte superior.

A través de esta lista desplegable puedes cambiar la plantilla para explorar sus archivos. Aquí se ha marcado la plantilla

Twenty Twenty-one

y debajo se encuentran sus archivos. Puedes hacer clic en cualquier otra plantilla instalada en tu sitio y mostrará su contenido de archivos en el editor de código adyacente. De esta manera simple puedes explorar los archivos de la plantilla en WordPress.

2. Acceder a los archivos de la plantilla a través del panel de control de alojamiento Dirígete al administrador de archivos de tu sitio de WordPress dentro del panel de control de alojamiento

Cpanel y luego haz clic en la carpeta Themes. Dentro de esta carpeta encontrarás todas las carpetas correspondientes a cada una de las plantillas instaladas en tu sitio.

Haz clic en la carpeta de cualquiera de las plantillas y verás todas las carpetas y archivos fundamentales que componen cualquier plantilla de WordPress como se muestra en la siguiente imagen: Archivos fundamentales que componen la estructura de una plantilla de WordPress Debes saber que hay archivos de tema fundamentales y otros archivos secundarios que componen la plantilla.

Los archivos fundamentales son los archivos que deben estar presentes en la carpeta de la plantilla, de lo contrario la plantilla ni siquiera aparecerá en las opciones de instalación de plantillas en WordPress, y tampoco se permitirá subir la plantilla si deseas instalarla manualmente. Son

dos archivos fundamentales: El archivo index.php: es el archivo que contiene la página principal o la interfaz de la plantilla de WordPress, es decir, una vez que cargas una plantilla de WordPress en WordPress, el contenido de este archivo es lo que se mostrará cuando visites la página principal del sitio.

El archivo Style.css: observa que la extensión de este archivo es css y no php. Es el archivo principal en el que escribirás los códigos de estilo y formato en la página web (puedes notar que hay un archivo llamado Style-rtl.css

en caso de que la plantilla sea compatible con el idioma árabe) Estos dos archivos son esenciales para que cualquier plantilla de WordPress funcione correctamente. En otras palabras, si creas una carpeta propia y la llamas por ejemplo Mytheme, y luego le agregas solo estos dos archivos (incluso si están vacíos de cualquier código), verás una plantilla con el nombre Mytheme cuando revises las plantillas de WordPress en tu sitio, porque has cumplido con los archivos fundamentales requeridos para crear una plantilla de WordPress.

Pero por supuesto necesitarás añadir el código apropiado para que funcione correctamente. Entre los archivos fundamentales importantes para una plantilla de WordPress también está: El archivo Header.php:

Es un archivo que contiene el contenido fundamental que define el encabezado de la plantilla, generalmente el encabezado de tu sitio es lo primero que ven los visitantes en la parte superior de tu página e incluye estándar el título y descripción del sitio, y define los archivos de estilo de contenido que determinan las fuentes y colores utilizados en el sitio y otra información. El archivo Footer.php:

Es un archivo responsable de mostrar la información que se incluye al final de la página web. También tiene otra función, como integrar códigos de JavaScript y cargar las funciones también.

Otros archivos incluidos en una plantilla de WordPress

Los archivos anteriores son solo una estructura simple para que tu plantilla sea aceptada como una plantilla de WordPress completa. Si exploras una plantilla de WordPress que existe automáticamente como TwentyTwenty-one, encontrarás muchos otros archivos de tema en la plantilla, cada uno de los cuales funciona para mostrar componentes diferentes en el sitio, siendo los más importantes: El archivo Sidebar.php:

El archivo de barra lateral es un archivo que contiene elementos de una página web que se pueden insertar en los lados del contenido principal del sitio, como publicaciones populares o registro en boletines de correo electrónico. El archivo Single.php:

Este archivo es específico para mostrar la página de un artículo individual en WordPress. El archivo Author.php es el archivo que muestra la página de información del autor del artículo.

El archivo category.php es el archivo responsable de las páginas de categorías en el sitio. Y hay muchos otros archivos diferentes como comments.php, archive.php, tag.php y otros más

En los párrafos siguientes de este artículo, explicaremos cómo interactúan estos archivos entre sí según una estructura jerárquica de modo que formen finalmente una plantilla de WordPress completa. La jerarquía de archivos de una plantilla de WordPress y cómo funcionan No es suficiente conocer solo estos archivos para construir una plantilla de WordPress completa y profesional, sino que debes conocer la estructura jerárquica mediante la cual estos archivos se invocan en el sitio de WordPress para que la plantilla funcione según lo planeado.

El archivo que invoca la plantilla de WordPress depende del tipo de página que estés visualizando actualmente en tu sitio, pero ¿qué sucede si el archivo de plantilla requerido no existe en la plantilla? WordPress entonces dependerá de una jerarquía predeterminada para invocar los archivos e invocará el segundo archivo en la jerarquía y si ese archivo no existe invocará el siguiente en la jerarquía...y así sucesivamente hasta llegar finalmente al archivo index.php que debe estar presente en la plantilla como mencionamos, de lo contrario la plantilla no funcionará.

La siguiente imagen muestra un ejemplo de la jerarquía de plantillas de WordPress: Concepto de la jerarquía de archivos de plantillas de WordPress

La jerarquía de archivos de un tema de WordPress es un sistema que WordPress utiliza para determinar el archivo de plantilla requerido para mostrar una página web específica en tu sitio web. Esta función de invocación jerárquica está integrada en WordPress y ocurre automáticamente _tras bastidores_ cuando un visitante intenta acceder a diferentes páginas de tu sitio.

Esta jerarquía depende del tipo de página actual en el sitio. Para entender bien esta jerarquía, revisemos los siguientes ejemplos: Si has establecido la primera página de tu sitio para que sea una página estática

en lugar de mostrar una lista de las publicaciones más recientes. En este caso estás viendo la página principal (el valor de la función is_front_page es True) y por defecto se utiliza el archivo de plantilla para la página de inicio que es el archivo front_page.php

Y si tu plantilla no contiene este archivo, se invocará el archivo index.php para mostrar esta página estática. Si has establecido la primera página de tu sitio para mostrar una lista de los artículos más recientes, que es la configuración predeterminada en WordPress como sabes,

(el valor de la función is_home es True), se utilizará el archivo home.php para mostrar la página de tus artículos más recientes y si WordPress no encuentra el archivo home.php dentro de la carpeta de la plantilla, buscará la existencia del archivo front-page.php para mostrar tu página principal y si tampoco existe, dependerá del archivo

index.php. Si estás viendo la página de error página no encontrada

(el valor de la función is_404 es True) que aparece cuando haces clic en un enlace incorrecto, se invocará el archivo de tema 404.php y si tu plantilla no contiene este archivo, se invocará el archivo index.php.

Si el usuario busca algo en el sitio, se mostrará la página de resultados de búsqueda (is_search=True) y la personalización de la página de resultados se realiza a través del archivo Search.php dentro de la plantilla de WordPress o a través del archivo index.php

si este archivo no existe. Si estás viendo una página de archivo que muestra contenido y temas bajo una categoría específica (is_archive=True).

Por ejemplo, la página que muestra todos los artículos publicados en el sitio en diciembre de 2021. La página que se muestra después de hacer clic en la fecha se formateará a través del archivo de tema

Archive.php. Si estás viendo una de las páginas estáticas en tu sitio (is_page=True)

como la página de política de privacidad o la página de contacto, se invocarán los archivos en la siguiente secuencia: el archivo custom-template.php luego el archivo page-slug.php

donde slug representa la URL amigable de esta página. Luego el archivo page-ID.php

donde ID representa el identificador de la página. Y si ninguno de los anteriores existe y hay un archivo de tema llamado page.php, la plantilla lo usará y finalmente si no hay un archivo page.php, se usará el archivo index.php para mostrar la página solicitada.

Observa que el primer archivo en la jerarquía aquí no es un nombre de archivo de plantilla, ya que la página estática es un tipo único de publicación entre otros tipos y WordPress puede reconocer muchos otros tipos de contenido como página estática. Por lo tanto, eres libre de crear un archivo de plantilla general para todas las páginas estáticas en tu sitio page.php, o personalizar cada página como desees.

Con esta jerarquía puedes dirigirse a una página específica y personalizar su formato usando el slug amigable (por ejemplo, el archivo page-contact.php) o usando el ID de la página (por ejemplo, el archivo page-7.php)

Probablemente ahora entiendas el mecanismo de la estructura básica de los archivos de plantillas de WordPress, y hayas notado que con esta estructura jerárquica puedes personalizar tu plantilla como desees. La decisión depende de ti como desarrollador de plantillas para determinar en qué medida deseas ser específico en diferenciar la forma en que se muestran diferentes páginas en tu sitio y crear archivos personalizados para ello. Finalmente, revisamos brevemente algunos otros tipos de páginas en tu sitio de WordPress que podrías necesitar para personalizar una plantilla de WordPress completa.

Tipos de páginas en un sitio de WordPress La página principal (is_home) que muestra exclusivamente el índice de artículos del sitio (no se aplica a la página principal que

ha sido configurada en el sitio desde la configuración de lectura para mostrar una página estática) La página que muestra un artículo individual publicado en el sitio (is_single)

Página de Categoría (is_category): Esta página muestra las categorías de artículos del sitio y tiene como objetivo revisar todo el contenido bajo una categoría específica (recibe el parámetro ID de la categoría o el nombre de la categoría para mostrar la página). Página de Etiqueta (is_tag)

La categoría (Category) difiere de la etiqueta (Tag) en WordPress. Sin embargo, desde el punto de vista del entorno de trabajo, son similares entre sí en parámetros y forma de visualización. Página de información del autor del artículo (is_author)

Esta página acepta varios parámetros para identificarla (ID del autor del artículo o su nombre) y se puede personalizar para mostrar todos los artículos escritos por un autor específico. Página de Fecha (is_date) Es utilizada por otros sitios web construidos en WordPress, especialmente sitios de noticias.

De modo que agrupa sus artículos publicados bajo una sola fecha, por ejemplo: las noticias del día, y se agrupan bajo la página Date.php que recibe la fecha como parámetro. Página (is_taxonomy) No difiere en absoluto de las páginas de Categoría o Etiqueta, pero es una página para personalizar el estilo y la apariencia de una taxonomía específica.

Por ejemplo, si deseas personalizar las páginas que tienen la etiqueta "noticias" y la etiqueta "artículos" y darles un estilo diferente, a pesar de que ambas están bajo la página Category.php, puedes usar este archivo de plantilla. Página de Archivo Adjunto (is_attachment) Es una página que revisa la forma y personalización de la página de descarga de archivos en una plantilla de WordPress. Se utiliza en sitios de descarga de archivos para personalizar la página

que permite descargar archivos de manera diferente. Lee más: ¿Qué son las etiquetas condicionales (Conditional Tags) en WordPress?

Debes saber que estas páginas que componen un sitio de WordPress se incluyen según sea necesario y según la naturaleza de tu sitio. Por ejemplo, si deseas crear una plantilla para una página de destino (Landing Page), no necesitarás la página de artículos, es decir, la página Single.php, y algunas otras páginas que tal vez no uses regularmente excepto en casos específicos de sitios de WordPress.

Conclusión Aprendimos en este artículo sobre la estructura básica de las plantillas de WordPress y su jerarquía, y descubrimos cómo las plantillas de WordPress te brindan mucha flexibilidad y te permiten mostrar tus páginas estáticas de manera diferente a los artículos y páginas de archivo, y cómo te proporcionan características adicionales que puedes usar para personalizar lo que desees. Intenta entender bien esta estructura porque te será útil

como desarrollador de WordPress cuando construyas temas personalizados, y facilita mostrar las diferentes páginas de tu sitio de una manera distintiva y profesional con características especiales identificando el archivo específico para cada página dentro de los archivos de la plantilla. Lee también: Series de desarrollo de plantillas de WordPress | Curso gratuito para aprender a desarrollar temas de WordPress desde cero