"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Desarrollo de temas de WordPress: la guía definitiva para la estructura de carpetas

Desarrollo de temas de WordPress: la guía definitiva para la estructura de carpetas

Publicado el 2024-11-06
Navegar:982

WordPress Theme Development: The Ultimate Folder Structure Guide

WordPress es un marco flexible para crear sitios web. Puede crear cualquier tipo de sitio web, como CMS, comercio electrónico, página de destino única, etc. Aquí analizaré la estructura del proyecto de WordPress, para que pueda crear su tema personalizado. Temas populares como divi, Astra, Neve, oceanwp, etc. son opciones fantásticas cuando creas un sitio web para ti o para un cliente. Pero a veces también necesitas crear tu tema personalizado para crear sitios web desde cero. La principal ventaja de usar WordPress como backend es que tiene un panel de administración listo para usar con funciones sólidas como publicaciones de blog, S.EO y una biblioteca de complementos versátil para diversos trabajos.

Veamos cómo construir una estructura adecuada para un proyecto de WordPress:

index.php
page.php
single.php
404.php
front-page.php
category.php
header.php
footer.php
archive.php
template-name.php
sidebar-name.php
/assets
          /js
          /css
          /images
          /fonts
          /icon

/templates
          contact_us.php
          about_us.php

? Para la página de inicio:
?front-page.php (si existe): este archivo contiene header.php y footer.php. Además, también contiene secciones de la página de inicio como pancartas, carruseles, imágenes de la portada, etc.
?home.php (si no se establece ninguna página principal estática, o si front-page.php no existe)
index.php (si no existen ni front-page.php ni home.php)

? page.php: llama cuando llamas a una página en el frontend. Al utilizar este archivo, se muestra el contenido de la página. Para mostrar contenido dentro de la página, debe llamar a la función "the_content()".

? single.php: cuando llamas a una publicación de blog, ese momento se llama a este archivo. Para instalar este archivo, obtenga el archivo post-details.html del desarrollador del frontend o de su tema HTML.

? 404.php: Llama cuando no se encuentra la página. A veces llegamos a alguna página en el navegador relacionada con nuestro sitio web de WordPress y, mientras tanto, ¡esa página o slug no existe! ese momento se llama este archivo. También menciona un enlace de redirección a la página de inicio, que se procesa usando “” .

? categoría.php: cuando desea mostrar publicaciones relacionadas con una categoría en particular, en ese momento se llama a esta página.

? header.php: este archivo contiene la sección de encabezado relacionada con el sitio web. Incluye metaetiquetas, favicon, archivos de encabezado, barra de navegación y páginas e incluso áreas de banner comunes a veces.

? footer.php: este archivo contiene información de la sección de pie de página, como enlaces rápidos de páginas, sección de boletín, dirección de correo electrónico del administrador del sitio, número de teléfono, correo electrónico, etc.

? archive.php: una página de archivo en WordPress le permite guiar fácilmente a los lectores a través de su contenido publicado anteriormente, como blogs. Las páginas de archivo de WordPress se crean para organizar una lista de publicaciones bajo un tipo de publicación, categoría o etiqueta en particular.

? nombre-plantilla.php: cuando tiene que llamar a una determinada parte en cada página del sitio web de WordPress, en ese momento puede utilizar esta técnica de archivo. Por ejemplo, cada sitio web tiene una sección llamada "ponerse en contacto" o "suscribirse al boletín". Esta sección siempre está presente en la parte superior o en el pie de página de cada página de ese sitio web. Entonces podemos crear un archivo como "template-get_in_touch.php" y podemos llamarlo mediante

?‍? sidebar-name.php: las barras laterales juegan un papel importante en el diseño del diseño de un sitio web de WordPress para mostrar contenido distinto de los artículos principales de un sitio web. Por ejemplo, una lista corta de artículos recientes, comentarios recientes, una lista de páginas o artículos populares en un sitio web se puede mostrar fácilmente en todo el sitio.

? activos/: Contiene archivos como js, ​​imágenes estáticas css, fuentes, etc. Estos archivos no se modifican dinámicamente, son necesarios para muchas páginas. Para llamar a estos activos, puede utilizar “/assets/js/file.js”

? plantillas/: Esta carpeta consta de muchos archivos php que algunas páginas de WordPress pueden utilizar como "Plantilla". Por ejemplo, tengo una página llamada contacto y creé un archivo como "contact_us.php" y configuré su "Nombre de plantilla" como "Contáctenos" dentro de la carpeta plantillas/. Ahora puedo seleccionar esta plantilla dentro de la página de "contacto".

Declaración de liberación Este artículo se reproduce en: https://dev.to/shimanta_microcodes/wordpress-theme-development-the-ultimate-folder-structure-guide-fae?1 Si hay alguna infracción, comuníquese con [email protected] para eliminar él
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3