El Loop de WordPress es el código encargado de mostrar los contenidos de tu sitio web.

Y ya está, hasta aquí el tutorial de hoy.

¿Cómo sabe WordPress qué contenido tiene que mostrar?

Antes de entender el Loop, debemos entender cómo funciona WordPress internamente; aunque sea a grandes rasgos.

Cuando entramos en un site hecho con WordPress, le estamos enviando indirectamente información a WordPress; ¿Te has fijado alguna vez en la url?

Efectivamente, a través de la URL le decimos a WordPress qué contenido queremos visualizar. Además de esto, WordPress utiliza las configuraciones que le hemos dado en el Escritorio->Ajustes para mostrar el contenido final.

Como siempre, vamos con un ejemplo para entenderlo mejor.

Imagina que entramos en https://www.dariobf.com/temas/wordpress/, donde le estamos diciendo a WordPress que queremos visualizar la categoría “WordPress” (en mi caso la url de las categorías está configurada para ser llamada “temas”).

Además, en mi Escritorio -> Ajustes -> Lectura tengo configurado para que muestre 10 artículos por página, por lo que WordPress finalmente muestra 10 artículos de la categoría “WordPress” por página.

Es fácil de entender, ¿verdad?

Entendiendo el código del Loop

La mejor forma de entender el código del Loop es el ejemplo básico y tener unos conocimientos mínimos de programación php.

El loop básico de WordPress se compone de 2 elementos principales:

  • Una comprobación de que hay publicaciones para el contenido solicitado
  • El propio loop o bucle

Lo primero lo hacemos con if( have_posts() ), lo segundo con el while ( have_posts() ).

<!--?php if ( have_posts() ) : while ( have_posts() ) : the_post(); // // Aquí el contenido de cada publicación. // endwhile; // end while endif; // end if ?-->

Este será siempre nuestro famoso Loop; donde llamaremos a las funciones de WordPress relacionadas con las publicaciones.

Algunas funciones para utilizar dentro del Loop de WordPress

El Loop se encarga de representar los contenidos; tal y como ya te he explicado, se basa en la URL y las configuraciones de nuestro Escritorio.

Ahora bien, podemos elegir qué datos queremos mostrar para cada publicación.

Por ejemplo, fíjate en mi blog, verás que muestro parte del contenido sólo en la primera publicación; en el resto sólo muestro el título y la fecha.

Esto lo hago utilizando php; creo una variable que inicializo a uno e incremento cada vez que paso por el final del loop (justo antes del endwhile); así cuando la variable toma valor 1, se que estoy en el primer artículo y muestro el contenido; en otro caso no.

A lo que voy con esta sección, es que podemos escoger qué queremos mostrar en cada publicación que pasa por nuestro Loop; podemos diferenciar por:

  • Categoría
  • Etiqueta
  • Página
  • Fecha

¿Quieres tener cada categoría de un color? ya sabes dónde modificar… ¿Cómo? En próximas entregas veremos cómo controlar esto.

Entre las funciones del propio WordPress que puedes utilizar para representar datos dentro del Loop tienes, entre otras muchas:

  • the_title()
  • the_content()
  • the_excerpt()
  • the_time()
  • the_date()
  • the_permalink()
  • the_category()
  • the_author()
  • the_ID()
  • wp_list_pages()
  • wp_tag_cloud
  • wp_list_cats()>
  • get_calendar()
  • wp_get_archives()
  • posts_nav_link()
  • next_post_link()
  • previous_post_link()
  • edit_post_link(‘Editar artículo’)
  • the_search_query()
  • wp_register()
  • wp_loginout()
  • wp_meta()
  • timer_stop(1)
  • comments_popup_link()

No tiene sentido que explique todas aquí, ya que tienen su correspondiente documentación en el Codex de WordPress; basta con introducirlas en Google y leer.

Si que puedo comentarte que, si sabes inglés básico, más o menos entenderás qué representa cada una.

Uso avanzado del Loop de WordPress

El Loop, como todo en WordPress, puede ser alterado de su funcionamiento habitual, poco aconsejable salvo que el proyecto lo exija; para ello podemos utilizar WP_Query.

Sin entrar en mucho detalle, ya que tengo un tutorial completo sobre WP_Query en este mismo blog, te diré que con WP_Query modificamos la consulta original que hace la URL de WordPress y que podemos rehacerla como queramos; lee el tutorial para entenderlo.

Resumiendo

El Loop lo utiliza WordPress para representar los contenidos. En su forma básica, comprueba que hay publicaciones para el contenido solicitado y lo representa mientras haya.

Se pueden modificar los contenidos del Loop en base a la categoría o etiqueta que pertenece una publicación; así como dependiendo de su fecha de publicación u otra información de la publicación.

Si queremos alterar el funcionamiento estándar del Loop, debemos utilizar WP_Query.

Si tienes alguna duda, ¡deja un comentario y la resolveremos!

Si te ha parecido útil, interesante o te ha ayudado a entender el Loop de WordPress, ¡compártelo con tus amigos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *