Nociones básicas sobre el desarrollo de temas de WordPress: archivos requeridos y jerarquía de plantillas

Si eres nuevo en el desarrollo de temas de WordPress, es importante comprender algunos conceptos básicos antes de comenzar. En esta publicación, cubrimos algunos elementos básicos para desarrollar temas de WordPress, incluidos los archivos necesarios y la jerarquía de plantillas.

Elementos básicos del tema de WordPress: ¿Qué es un tema de WordPress? Un tema de WordPress es simplemente un solo archivo que se refiere a otros bloques de contenido (extractos de PHP de la base de datos) y lo coloca en una estructura HTML. WordPress en sí no tiene una estructura de visualización, por lo que necesita un tema de WordPress para mostrar contenido.
En el nivel básico, los siguientes lenguajes de desarrollo web se utilizan en cómo un tema de WordPress hace que el contenido en un sitio web:
HTML: proporciona estructura o marco para su sitio web
CSS: proporciona el estilo o personalización del marco / estructura
PHP – Lenguaje de script utilizado por WordPress para comunicarse con la base de datos y transmitir información
JQuey: proporciona actividad para la página Renderizada
Los dos archivos necesarios para crear un tema de WordPress
style.css – Primero, un tema de WordPress necesita un archivo style.css que tenga dos objetivos:
Proporcionar meta datado para comunicar a WordPress que este es un tema.
Para estilizar el código HTML que existe en el otro archivo requerido.
Index.php: este archivo sirve como un archivo predeterminado o alternativo (gracias a la jerarquía; más al respecto en una imagen) que sirve todo el contenido para reproducir navegadores web.
¿Qué sucede en los dos archivos necesarios?En el archivo style.css, creamos algunos “comentarios” o “meta datados” para comunicarnos con WordPress sobre nuestro tema.En la parte superior del estilo.css pongo la información sobre el tema:/*
Nombre del tema: nuevo tema
Tema Uuri: http://newtheme.com
Descripción: Una descripción sobre el tema
Autor: Nombre del autor
Autor: http://www.author.com
Versión: 1.0
Etiquetas: Responsivo, negro, blanco, columnas, menú personalizado, etc.
*/ En el archivo index.php, simplemente ponemos algo HTML en la página.

</ablo)

Título del contenido

¡Acabo de construir mi primer tema de WordPress desde cero!

Eso es todo. De hecho, no necesitamos ningún PHP.PHP se utilizará para extraer contenido de la base de datos y colocarlo en las ubicaciones HTML correctas.
¿Qué archivos adicionales podrían tener un tema de WordPress?
Los temas de WordPress están formados por archivos de plantilla. Estos son archivos PHP que contienen una mezcla de HTML, etiquetas de plantilla y código PHP .CSS La hoja de estilo principal. Esto debe incluirse en su tema y debe contener el encabezado de información para su index.php index.php La plantilla principal. Si su tema ofrece sus propias plantillas, index.php debe estar presente. Tr> home.php plantilla de página de inicio, que es la primera página de forma predeterminada. Si usa una página principal estática, esta es la plantilla para las publicaciones más recientes. Se usa cuando se solicita una sola publicación. Para esto y para todas las demás plantillas de consulta, se utiliza index.php si la plantilla de consulta no está presente. Post único utilizado cuando una sola publicación se interroga desde un tipo de publicación personalizado. Por ejemplo, Single-Book.php se utilizaría para mostrar publicaciones individuales de libros post-poste personalizados. Index.php se usa si la plantilla de consulta para el tipo personalizado no está presente. Se usa cuando se interroga una página. Para esto y para todas las demás plantillas de consulta, se utiliza index.php si la plantilla de consulta no está presente.
Se usa cuando se interroga una categoría. Utilizado cuando una etiqueta se interroga. Utilizado cuando un término se interroga de una taxonomía personalizada. Utilizado cuando un autor es interrogado. Se usa cuando se solicita una categoría, autor o una vez. Tenga en cuenta que esta plantilla se sobrescribirá por Categoría.php, Author.php y Data.php para sus respectivos tipos de consultas. Plantilla con resultados de búsqueda. Utilizado cuando se realiza una búsqueda. Se utiliza al visualizar un solo archivo adjunto, como un archivo de biblioteca de medios. Usado cuando WordPress no puede encontrar una publicación o página que coincida con la consulta. Temas de padres e hijos.
CSS tiene una jerarquía que circula a través de todo el sitio web

Las plantillas tienen una jerarquía, que una vez contenida puede abrir muchas oportunidades de desarrollo.
La jerarquía CSS puede ser ligeramente complicada, pero aquí está el resumen rápido de la jerarquía de archivos de WordPress CSS. No siempre es tan simple, pero esto te da una idea de lo que está sucediendo. WordPress CSS (esto se trata principalmente de áreas de administración de backend)
– Arplicar archivos CSS
– – Archivos CSS con tema parental
– – – archivos CSS con tema infantil- – – – temas que aceptan una caja CSS final
La base de la jerarquía de plantilla de WordPress es un orden de cómo WordPress está buscando un archivo en particular antes de mostrar la “plantilla” y el contenido. La flexibilidad de esta jerarquía ofrece un poder increíble para los desarrolladores de WordPress.
También puede leer sobre la jerarquía de plantillas en WordPress Codex. El siguiente es un vistazo a la jerarquía de la plantilla de WordPress y a qué profundidad buscará WordPress para un archivo / plantilla. Si el usuario llega a una página 404:
404.php
index.php
Si el usuario llega a una página con resultados de búsqueda:
Search.php
index.php
Si el usuario llega a una página de taxonomía:
Taxonomy- {Taxonomyname} – {Termin} .php
Taxonomie- {taxonomyname} .php
taxonomía.php
Archive.php
index.php
Si el usuario llega a la página principal:
Inicio.php
index.php
Si el usuario llega a la página principal:
front-page.php (utilizado para las últimas publicaciones, ya sea para una página estática en el área de configuración de la página en Configuración> Lectura)
Si no hay front-Page.php, vuelve a una configuración regular
Si el usuario llega a una página de archivos adjuntos:
Mime.php (image.php / video.php / application.php)
type.php
mime_type.php
Adjunto.php
Single.php
index.php
Si el usuario llega a una sola página de publicación:
Single- {post-type} .php
Single.php
index.php
Si el usuario llega a una sola página:
custom_template.php
Page- {Slang} .php
Page- {id} .php
Page.php
index.php
Si el usuario llega a una página de categoría:
categoría- {argot} .php
categoría- {id} .php
categoría.php
Page.php
index.php
Si el usuario llega a una página de etiqueta: etiqueta- {escoria} .php
etiqueta- {id} .php
tag.php
Archive.php
index.php
Si el usuario llega a una página con información sobre el autor:
Autor- {autor-niCename} .php
Autor- {autor-iid} .php
autor.php
Archive.php
index.php
Si el usuario llega a una página de fecha:
Fecha.php
Archive.php
index.php
Si el usuario llega a una página de archivo:
Archive.php
index.php
Más sobre el desarrollo de los temas de WordPress.org ofrece un recurso maravilloso y detallado en su manual de tareas. El curso de WordPress Developers también cubre el desarrollo de los temas de WordPress en detalle, incluidos WordPress Connects Filters, funciona con WordPress Loop y más.
Kristen Wright
Kristen escribió tutoriales para ayudar a los usuarios de WordPress en 2011. Por lo general, puede encontrarlo trabajando en nuevos artículos para IThems Blog o desarrollar recursos para #WpProsper. Fuera del trabajo, Kristen disfruta del diario (¡escribió dos libros!), Senderismo y acampar, cocinar y aventuras diarias con su familia, con la esperanza de llevar una vida más presente.