Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

Creando archivos de inicio para tu framework de tema de WordPress

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called How Theme Frameworks Actually Work.
Deciding How to Develop Your WordPress Theme Framework
Creating the Starting Files for Your WordPress Theme Framework

Spanish (Español) translation by Rolando Gonzalez (you can also view the original English article)

En las partes anteriores de esta serie, has aprendido cómo funcionan los framework de tema y has considerado su ventaja al framework que estás desarrollando.

¡Ahora es el momento de entrar en el código!

En este tutorial vas a tomar un tema básico y editar los archivos de plantilla para que estén listos para los ganchos y las funciones que se les añadirán para tu framework. El propósito de este tutorial es para ordenar el tema y así no se duplica el código, lo que significa que vas a crear include files (archivos para incluir)en el bucle.

Esto significa que no tendrás que crear bucles duplicados en su tema hijo cuando creas nuevos archivos de plantilla, y si necesitas editar el bucle sólo tendrás que hacerlo una vez.

Nota: los archivos de arranques se basan en el tema que he creado para mi serie sobre la creación de un tema de WordPress desde HTML, con algunos cambios. Puedes descargarlos desde el repositorio GitHub que acompaña esta serie.

Necesitarás

Para seguir este tutorial, necesitarás:

  • una instalación de desarrollo de WordPress
  • su propio tema de arranque o los archivos de temas de arranque en el repositorio GitHub para esta serie
  • un editor de código

Creando los Archivos que se incluyen para el bucle

Para mi framework Voy a crear tres bucles:

  • uno para los archivos (incluyendo la página principal del blog)
  • uno para los Artículos individuales
  • uno para páginas

Esto es porque quiero que cada uno de ellos se muestre un poco diferente a los demás.

A pesar de que habrá tres bucles, todavía será más eficiente que incluir un bucle en cada uno de los archivo de plantilla en tu framework.

El bucle principal

Copie lo siguiente dentro de él desde loop.php.

Copy the following into it from archive.php:

No necesitas mostrar un encabezado en la página principal del blog, por lo que añade una etiqueta condicional alrededor del primer bucle, para comprobar que no estamos en esa página:

El primer bucle ahora leerá de la siguiente manera:

Ahora tienes que incluir este bucle en los archivos de plantilla correspondientes. En archive.php e index.php, reemplaza el bucle existente con la etiqueta get_template_part()(), que incluye el archivo de bucle en el lugar correcto:

Ahora tienes un bucle trabajando para los archivos.

Página Loop

A continuación, vamos a crear un archivo de bucle para páginas. Cree un archivo denominado loop-page.php.

Copia el bucle a él desde el existente page.php:

Ahora en todas las plantillas de página de tu tema (page.php y page-full-width.php), ), reemplaza el bucle con:

Bucle para Artículo Individual

Por último, vamos a crear un archivo de bucle de artículos individuales, que trabajará para artículos normales y para cualquier tipo de artículos personalizados que crees en el futuro. Esto es similar al bucle principal, excepto que no incluye un enlace al artículo, y no hay bucle inicial para comprobar en que tipo de archivo estamos.

Cree un archivo denominado loop-single.php y otro llamado single.php.

Copie el contenido del archivo index.php en el single.php, y edita los comentarios al principio del archivo y la llamada para el bucle, para que lea:

Ahora en single-loop.php, copie el código en loop.php, sin incluir el primer bucle que busca los archivos. Edite la etiqueta de apertura de cabecera dentro del bucle para eliminar el enlace, por lo que el código se lee así:

Guarda estos dos archivos. Ahora tienes todos tus archivos de bucle listos.

Resumen

El orden de un tema y la reducción de código duplicado antes de usarlo como base de un framework de tema te ahorrarán horas de trabajo en el futuro.

A medida que creas temas hijos para trabajar con este tema padre, te encontrarás creando bucles a medida para simplemente crear el contenido en la forma adecuada para un proyecto determinado. Por tener sólo tres bucles discretos para trabajar, podrás evitar la necesidad de crear archivos de plantilla duplicados en tu tema hijos y sólo tendrás que crear archivos de bucle duplicados.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.