[icon name="fa-wordpress"]

Instalar WordPress

Guía de Instalación

[icon name="fa-heartbeat"]

Optimizar WordPress

Optimización y Velocidad

[icon name="fa-lock"]

Seguridad de WordPress

Guía de Protección

guía principiante del Loop de WordPress

Guía para Principiantes sobre Loop de WordPress

WordPress es un gestor de contenido impecable y potente para crear cualquier tipo de sitios web. Uno de los aspectos más destacados de sus cualidades es el loop o el bucle tan versátil, que te permite manipular los datos y comunicarte con la base de datos de muchas maneras según el escenario. El objetivo de esta guía es darte a conocer como principiantes desarrollador los detalles necesario sobre el Loop de WordPress.

El Loop de WordPress

El término Loop en sí puede ser nuevo para ti. Significa un bucle o un ciclo en inglés. Preferimos guardar el término en su idioma original para preservar la connotación técnica de él.

El Loop es un código PHP utilizado por WordPress para obtener las publicaciones de un sitio web desde la base de datos y mostrar su contenido al usuario final.

Mediante el Loop, WordPress procesa cada publicación que se mostrará en la página actual, y la estructura según cómo coincide con los criterios especificados dentro de las etiquetas del Loop.

Generalmente el Loop se utiliza para obtener y mostrar las etiquetas (tags) de cada entrada publicada en tu sitio web en la página principal de tu blog y/o en secciones personalizadas, principalmente:

En el Loop de WordPress puedes también mostrar datos importantes de las entradas o publicaciones, como la fecha de publicación, la imagen destacada, y otros más. Vamos a ver primero cómo es la estructura de un Loop en WordPress.

Usar Loop de WordPress

Todos los temas modernos sin excepción incluyen al menos un Loop en el archivo index.php para solicitar las entradas recientes de la base de datos en la página principal del sitio.

Te podría interesar leer:  Guía para Instalar WordPress Manualmente

El Loop es un código PHP donde utilizamos primero una condición seguida de un bucle while para hacer iteraciones por la base de datos hasta que se cumple la condición del bucle.

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

Este código muestra cómo iniciamos un Loop en WordPress. utilizando una condición para asegurarse primero que existen entradas en la base de datos, y mientras haya entradas, imprimimos un dato específico.

<?php endwhile; else : ?>
<?php esc_html_e( 'No hay contenido' ); ?>
<?php endif; ?>

Mientras que utilizamos este código en la parte final de la condición que viene después del Loop para mostrar un menaje de que no se ha encontrado nada.

Este mensaje es totalmente personalizable, y aparece cuando no tienes ninguna entrada pública en tu sitio web. Juntando los dos códigos de arriba obtenemos un Loop completo de WordPress.

Sintáxis Alternativa del Loop

Si prefieres la sintáxis tradicional de PHP para utilizar el Loop, puedes hacerlo mediante este código de abajo.

if ( have_posts() ) {
    while ( have_posts() ) {
        the_post();
    }
}

Lo que aparece en este código es prácticamente lo mismo que el anterior, la única diferencia es la sintáxis PHP que utilizamos. Puedes añadir cualquier etiqueta PHP relacionada con el Loop de WordPress.

Ejemplo de Loop de WordPress

Como hemos dicho, todos los temas modernos de WordPress vienen con al menos un Loop para obtener las entradas que publicas en tu sitio web. Un Loop corriente tendría la siguiente forma.

<?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : the_post(); ?>    
<h1><?php the_title(); ?></h1>
<?php the_excerpt(); ?>
    <?php endwhile; ?>
<?php else : ?>
<?php esc_html_e( 'No hay contenido' ); ?>
<?php endif; ?>

Este es un ejemplo de un Loop básico que puedes utilizar en tu sitio web para obtener el título y el extracto (excerpt) de todas las publicaciones.

Te podría interesar leer:  Guía para Migrar tu Sitio Web de Blogger a WordPress Correctamente

Si WordPress no encuentra nada publicado entonces devuelve el mensaje que te informa que no hay contenido para mostrar. Una vez que publicas una entrada, aparecerá el título y el extracto de la misma en la página principal.

Crear Loop Personalizado

Todos los códigos que hemos visto arriba se utilizan para mostrar todo el contenido que publicas sin ningún tipo de filtros. No obstante esto no significa que no puedes crear uno Loop personalizado.

Un Loop personalizado es básicamente un bucle que obtiene solamente la información y contenido de entradas específicas según un criterio determinado, utilizando una clase php de WordPress.

$consulta = new WP_Query( 'cat=2' );
if ( $consulta->have_posts() ) {
    while ( $consulta->have_posts() ) {
        $consulta->the_post();
    }
}

La mayoría de los temas actuales vienen con más de un Loop de WordPress, y en varias ubicaciones para obtener datos particulares según la configuración y necesidades de tu sitio web.

En el código de arriba creamos una consulta a la base de datos creando un objeto a partir de la clase empaquetada en WordPress, en la cual solicitamos solamente las publicaciones de la categoría con el ID 2.

La clase WP_Query acepta una gran variedad de parámetros que te facilitan la tarea de obtener todo tipo de datos según lo que necesites mostrar a tus visitantes o clientes por ejemplo si tienes una tienda virtual.

Además, puedes utilizar un array en vez de una cadena de texot (string) en los parámetros, y que consideramos una forma más limpia de extraer el contenido.

$consulta = new WP_Query( array( 'author' => 'wpbody' ) );
if ( $consulta->have_posts() ) {
    while ( $consulta->have_posts() ) {
        $consulta->the_post();
    }
}

En este código por ejemplo, utilizando la clase WP_Query con un array como parámetro para obtener todas las entradas o publicaciones del autor wpbody, que suponemos que está registrado o es un editor.

Te podría interesar leer:  Cómo Migrar de WordPress.com a WordPress.org Correctamente (2018)

La clase WP_Query es el núcleo del Loop de WordPress porque puedes utilizarla tantas veces como necesites para sacar la información y el contenido de las publicaciones de tu sitio web.

Puedes descubrir todo el potencial de esta clase en la documentación oficial de WordPress, e ir practicándola poco a poco en un entorno de desarrollo.

Esto es todo. Te invitamos a seguir nuestra página en facebook, donde obtendrás los tutoriales recientes sobre optimización y seguridad de WordPress.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar