Comprensión de la jerarquía de plantillas de WordPress para un desarrollo más rápido

La creación de un tema de WordPress no es ninguna ciencia espacial. Si comienza con lo básico, puede profundizar fácilmente en el desarrollo de temas de WordPress. Pero antes de sumergirse en el tema del desarrollo, es absolutamente necesario que comprenda la jerarquía de plantillas de WordPress y la jerarquía de temas de WordPress. Las páginas de un sitio web de WordPress se crean utilizando un solo archivo de plantilla o una combinación de archivos de plantilla que se solicitan en un área particular de una página web.

Algunos ejemplos de archivos de jerarquía de plantillas de WordPress son:

1. Index.php
2. Sidebar.php
3. Header.php
4. footer.php

Residen en la carpeta wp-content / themes / theme-name . Hay muchos archivos de estructura de plantilla de WordPress, pero solo dos archivos son absolutamente necesarios para que un tema de WordPress funcione, son index.php y style.css. Además, functions.php (no considerado como un archivo de plantilla) es un archivo obligatorio que contiene las funcionalidades de un tema. Para agregar un aspecto más personalizado a nuestro sitio web y sentir que podemos usar varios archivos de plantilla disponibles para nosotros dentro de la jerarquía de temas de WordPress.

Primero, para comprender cómo se representa una página y cómo se mueve hacia arriba en la jerarquía de plantillas de WordPress, consideremos este ejemplo.

Un visitante visita una página de testimonios en su sitio de WordPress y usted ha creado una plantilla de página personalizada conocida como page-testimonials.php , WordPress luego cargará page-testimonials.php. Sin embargo, si page-testimonials.php no existe, WordPress hará un respaldo y cargará page.php, y si page.php no existe en los archivos de tema, WordPress cargará el index.php .

Desglosaré los archivos de plantilla en secciones para que sea más fácil comprender su propósito y dónde se utilizan.

Jerarquía básica de páginas de WordPress

La jerarquía básica de páginas de WordPres incluye:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. Index.php

Como mencioné anteriormente, index.php se encuentra entre un archivo de plantilla en la jerarquía de páginas de WordPress necesaria para que funcione un tema de WordPress. index.php se usa más comúnmente para representar la página de inicio de un tema de WordPress. Siempre que no exista un archivo de plantilla, por ejemplo, single.php o post.php, WordPress carga el index.php.

El index.php generalmente contiene otros archivos de plantilla como header.php, footer.php y sidebar.php, que contiene la sección de cabecera del sitio, el área de pie de página y las barras laterales con áreas de widgets respectivamente. También contiene un bucle que muestra las publicaciones o páginas de la plantilla.

2. header.php

El header.php contiene la sección de cabecera de un sitio de WordPress, y comúnmente se llama al comienzo de todos los archivos de plantilla. Por lo general, contiene la información del encabezado, análisis, llamadas a archivos CSS, navegación del sitio, títulos de página y logotipo del sitio, etc.

3. footer.php

De manera similar, footer.php en un archivo en la jerarquía de páginas de WordPress se usa para construir la sección de pie de página de un tema de WordPress y se llama en la sección de pie de página de todos los archivos de plantilla. El footer.php generalmente contiene la información de derechos de autor, llamadas a archivos JS, áreas de widgets que comúnmente tienen navegación por el sitio.

4. sidebar.php

Considerando que, sidebar.php, como su nombre indica, se usa para construir la barra lateral de un sitio y se llama en archivos de plantilla como index.php, page.php, single.php para llamar en la barra lateral. Por lo general, contiene áreas de widgets para una fácil personalización.

Páginas de visualización de la página de inicio

1. front-page.php
2. home.php
3. page.php
4. index.php

Las páginas de inicio de los sitios de WordPress muestran las últimas publicaciones de blog o una página estática. Depende de la configuración en Configuración del panel de WordPress -> Lectura . Si está configurado para las últimas publicaciones, mostrará las últimas publicaciones del blog en la página de inicio y, cuando esté configurado como página estática, cargará una plantilla de la jerarquía de plantillas de WordPress, como page.php o front-page.php.

Si existe front-page.php , WordPress utilizará este archivo de plantilla tanto para la configuración " últimas publicaciones del blog " como para la " página estática ". El home.php se cargará si front-page.php no existe y las "últimas publicaciones del blog" están configuradas en la configuración de lectura de WordPress.

Si se selecciona en Configuración -> Leer una página estática con la página de publicaciones, WordPress buscará la plantilla page.php para representar la página de inicio.

Sin embargo, si no existen front-page.php, page.php y home.php, WordPress recurrirá a index.php para representar la página de inicio.

Páginas de publicación única

1. single.php
2. singular.php

1. single.php

En WordPress, las publicaciones de un solo blog se representan utilizando el archivo single.php. En la versión 4.3 de WordPress y posteriores, se agregó un nuevo archivo de plantilla de WordPress, singular.php.

Para los tipos de publicaciones personalizadas de WordPress, podemos usar un solo {post-type} .php. Por ejemplo, nuestro tipo de publicación es animales, luego WordPress buscará single-animals.php y tendrá prioridad sobre single.php. Si el archivo de tipo de publicación no existe, usará single.php para representar la página.

2. singular.php

El singular.php se usa en los casos en que page.php y single.php generalmente tienen el mismo código. Si single.php no existe, WordPress buscará singular.php.

Páginas estáticas

Las páginas se representan en el siguiente orden:

1. plantillas de página
2. página- {slug} .php
3. página- {id} .php
4. page.php
5. singular.php
6. index.php

Como se indicó anteriormente, si queremos tener un aspecto similar para single.php y page.php, entonces es mejor crear un singular.php.

Páginas de archivo

1. author.php
2. category.php
3. taxonomy.php
4. date.php
5. tag.php
6. archive.php

Las páginas de archivo en WordPress son aquellas páginas que se utilizan para capturar publicaciones de autores, categorías, taxonomías, fechas, etiquetas, etc. específicos.

Podemos tener una sola plantilla de archivo, es decir, archive.php. Pero para profundizar en más plantillas, tenemos author.php, category.php, taxonomy.php, date.php, tag.php y todos se explican por sí mismos.

Además, podemos hacer plantillas personalizadas, por ejemplo

category- {slug} .php: si el slug de una categoría es cute-kittens, WordPress buscará category-cute-kittens.php, si no existe, se utilizará category.php.

categoría- {id} .php: si id = 3, WordPress buscará categoría-3.php para representar la página. De lo contrario, cargará category.php

Una teoría similar de {slug} e {id} se aplica a la página "Etiqueta"

Para las plantillas de autor personalizadas, podemos usar autor- {nicename} .php o autor- {id} .php. Si el nombre del autor es Andy, WordPress buscará author-andy.php, si no existe, WordPress recurrirá a author.php para representar la página.

Otros archivos de plantilla de WordPress

- search.php

Los resultados de búsqueda en WordPress usan el archivo de plantilla search.php. Si no existe, los resultados de la búsqueda se procesan desde index.php.

- archivo adjunto.php

Este archivo de plantilla se utiliza para representar páginas adjuntas, como imágenes y videos. image.php y video.php se utilizan para renderizar imágenes y videos respectivamente. Si estos archivos no existen, se utiliza attach.php.

- 404.php

Las páginas no encontradas en WordPress se procesan desde 404.php. Si el 404 no existe, entonces renderiza la página desde index.php.

- comentarios.php

Es una plantilla de comentarios, se llama en archivos de plantilla como single.php o page.php para agregar la sección de comentarios.

Ultimas palabras

Comprender la jerarquía de plantillas de WordPress es muy beneficioso si desea desarrollar temas personalizados de WordPress y / o personalizar la estructura de archivos del tema de WordPress. Le resultará fácil encontrar los archivos de plantilla adecuados para editar y personalizar. Lo bueno de la jerarquía de plantillas de WordPress es que sigue una estricta convención de nomenclatura. Hace que sea muy fácil crear temas de WordPress una vez que los tenga. Puede consultar la jerarquía de temas de WordPress para obtener una referencia rápida y visual para el desarrollo de temas.