Cómo anular el bucle predeterminado de WordPress










  • Un WordPress Loop, o “The Loop”, como muchos lo llaman, es una función en WordPress que se usa para mostrar cada una de tus publicaciones. Por lo general, la cantidad de publicaciones que se mostrarán se establece en el área de configuración del panel de administración de WordPress en la pestaña "Lectura". Sin embargo, ¿qué puede hacer para anular el bucle predeterminado de WordPress?

    Cómo usar el bucle

    Al usar el bucle, debe colocarse en el index.php de su tema, así como en cualquier otra plantilla utilizada para mostrar la información de publicación de su sitio web.

    En este artículo, le mostraré varios ejemplos de cómo usar The Loop y anularlo para mostrar publicaciones de varias maneras diferentes. Simplemente siga los ejemplos de código a continuación para obtener la estructura de anulación de bucle de WordPress que prefiera.

    Deberá acceder al archivo functions.php que se encuentra en el panel de administración de WordPress si desea agregar alguno de los códigos a continuación. Desplácese hasta la parte inferior de este tutorial para obtener instrucciones sobre cómo acceder a ese archivo.

    Una vez que tenga el archivo abierto y listo, comience a agregar las funciones del código de demostración que se muestran a continuación.

    También puede mostrar campos personalizados de una publicación específica fuera del bucle de WordPress si lo desea.

    Mostrar cualquier número de publicaciones

    El ejemplo de bucle mostrará cualquier cantidad de publicaciones dentro de ese bucle específico de WordPress. Abra cualquier archivo de plantilla donde le gustaría colocar las publicaciones y agregue el siguiente bucle:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]// si todo está en su lugar y listo, comencemos el ciclo

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

    // para mostrar 'n' número de publicaciones, necesitamos ejecutar el bucle 'n' número de veces

    // así que definimos una variable numérica llamada '$count' y establecemos su valor en cero


    // con cada iteración del bucle , el valor de '$count' aumentará en uno


    // después de que el valor de '$count' alcance el número especificado, el bucle se detendrá


    // *USUARIO: cambie la 'n' por la cantidad de publicaciones que desea mostrar

    <?php estático $recuento = 0;

    if ($cuenta == “n”) { descanso;
    }


    más { ?>

    // para fines de estilo y diseño CSS, envolvemos el contenido de la publicación en un div

    // luego mostramos todo el contenido de la publicación a través de la función 'the_content()'


    // *USER: change to '<?php the_excerpt();
    ?>' para mostrar extractos de publicaciones en su lugar

    <div class=”post”>

    <?php the_title();
    ?>


    <?php el_contenido();
    ?></div>

    // aquí, continuamos con la limitación del número de publicaciones mostradas

    // cada iteración del bucle aumenta el valor de '$count' en uno


    // las dos líneas finales completan el bucle y cierran la sentencia if

    <?php $cuenta++; } ?>

    <?php endwhile;
    ?>


    <?php endif;
    ?>[/ht_mensaje]

    Excluir publicaciones de alguna categoría

    Este ejemplo de bucle demuestra cómo ocultar una categoría o categorías específicas para que no se muestren: [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<?php $query = nuevo WP_Query('gato=-3,-8'); ?>

    <?php if ( $consulta->tener_mensajes() ) : while ($consulta->tener_mensajes() ) : $consulta->el_mensaje();
    ?>

    <div class=”post”>

    <!– Muestra el título como un enlace al enlace permanente de la publicación.
    –>


    <h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Enlace permanente a <?php the_title_attribute();
    ?>”><?php el_título(); ?></a></h2>

    <!– Muestra la fecha (formato 16 de noviembre de 2009) y un enlace a otras publicaciones del autor de esta publicación. –>

    <pequeño><?php el_tiempo( 'F jS, Y' );
    ?> por <?php the_author_posts_link(); ?></pequeño>


    <div class=”entrada”>


    <?php the_content();
    ?>


    </div>

    <p class=”postmetadata”><?php esc_html_e( 'Publicado en' ); ?> <?php la_categoría( ', ' ); ?></p>

    </div> <!– cierra el primer cuadro div –>

    <?php mientras tanto;

    wp_reset_postdata();


    else : ?>


    <p><?php esc_html_e( 'Lo sentimos, ninguna publicación coincide con sus criterios.' );
    ?></p>


    =<?php endif;
    ?>[/ht_mensaje]

    Publicaciones de estilo de alguna categoría de manera diferente

    Este ejemplo de bucle muestra cada publicación con su título (que se usa como enlace al enlace permanente de la publicación ), categorías y contenido. También permite que las publicaciones en una categoría con ID de categoría '3' tengan un estilo diferente: [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<!– Start el lazo. –>

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

    <!– Prueba si la publicación actual está en la categoría 3. –>

    <!– Si lo está, al cuadro div se le asigna la clase CSS "post-cat-tres".
    –>


    <!– De lo contrario, el cuadro div recibe la clase CSS “post”.
    –>

    <?php if ( in_category( '3' ) ) : ?>

    <div class=”post-cat-tres”>


    <?php else : ?>


    <div class=”post”>


    <?php endif;
    ?>

    <!– Muestra el título como un enlace al enlace permanente de la publicación. –>

    <h2><a href=”<?php the_permalink(); ?>” rel=”marcador” title=”Enlace permanente a <?php the_title_attribute(); ?>”><?php el_título(); ?></a></h2>

    <!– Muestra la fecha (formato del 3 de abril de 2021) y un enlace a otras publicaciones del autor de esta publicación. –>

    <pequeño><?php el_tiempo('F jS, Y'); ?> por <?php the_author_posts_link(); ?></pequeño>

    <!– Muestra el contenido de la publicación en un cuadro div. –>

    <clase div=”entrada”>

    <?php el_contenido(); ?>

    </div>

    <!– Muestra una lista separada por comas de las categorías de la publicación. –>

    <p class=”postmetadata”><?php _e( 'Publicado en' );
    ?> <?php la_categoría( ', ' ); ?></p>

    </div> <!– cierra el primer cuadro div –>

    <!– Stop The Loop (pero tenga en cuenta el “else:” – vea la siguiente línea). –>

    <?php final mientras;
    más: ?>

    <!– El primer “si” probado para ver si había alguna Publicación para –>

    <!– mostrar.
    Esta parte "else" dice qué hacer si no hubiera ninguno. –>


    <p><?php esc_html_e( 'Lo siento, ninguna publicación coincide con sus criterios.' );
    ?></p>

    <!– REALMENTE detén The Loop. –>

    <?php endif; ?>[/ht_mensaje]

    Bucles anidados

    Bucles anidados simplemente significa que está intentando ejecutar un segundo bucle antes de terminar el primero. Usar esto en ciertas situaciones puede ser útil. Por ejemplo, tal vez desee mostrar una lista de publicaciones con un código abreviado .

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]

    $my_query = new WP_Query( 'cat=3' );


    if ( $my_query->have_posts() ) {

                 while ( $my_query->have_posts() ) {
                             $my_query->the_post();

    el contenido();


    }


    }


    wp_reset_postdata();
    [/ht_mensaje]

    Recuerde, desea restablecer los datos del bucle principal después de un bucle anidado. Haga esto para que algunas variables globales vuelvan a tener los valores correctos.

    Accediendo al archivo functions.php

    Para agregar cualquiera de los códigos anteriores para jugar con el bucle predeterminado de WordPress, o cualquier otro código que desee probar, debe saber cómo acceder al archivo functions.php en su sitio web de WordPress. Puede hacerlo accediendo al cPanel y yendo al archivo correcto.

    Sin embargo, la forma más fácil de acceder al archivo es directamente desde el panel de administración de WordPress. Así es como lo hace y cómo ingresar el código desde arriba si lo está probando.

    Paso 1: Ir al Editor de temas

    Desde el panel de administración del sitio de WordPress, haga clic en Apariencia > Editor de temas. Verá esta opción en el área de menú del lado izquierdo del tablero.

    Haga clic en la apariencia y luego en el editor de temas para acceder al bucle de wordpress predeterminado

    Esto lo lleva a todos los archivos principales del sitio.

    Paso 2: haga clic en el archivo de funciones del tema

    Verá que hay varias opciones de archivo disponibles a la derecha de la pantalla. El número de opciones disponibles se basará en lo que esté ejecutando actualmente.

    Desea encontrar el archivo "Funciones de funciones de tema.php" y hacer clic en él para abrirlo.

    Haga clic en el archivo de funciones php

    Paso 3: desplácese hasta la parte inferior del archivo

    Ahora que el archivo está abierto, puede agregarle el código apropiado. Desplácese hasta el final del archivo y agregue las actualizaciones de código relevantes allí.

    Desplácese hacia abajo para cambiar el bucle de wordpress predeterminado

    No olvide actualizar su archivo cuando realice cambios en el código. Cuando la actualización sea exitosa, continúe y vea si el código funcionó.

    Puede repetir estos pasos y agregar tanto código relevante a ese archivo para diferentes funciones como desee.

    Pensamientos finales

    Espero que este artículo le brinde algunos ejemplos sencillos de cómo puede anular el bucle predeterminado de WordPress de diferentes maneras. Puede ver en el código anterior que hay varias opciones para jugar.

    No juegue con el archivo functions.php y agregue y reste código a menos que tenga una comprensión decente de cómo funciona todo y cómo solucionarlo si sucede algo. Al momento de escribir este artículo, todavía no hemos encontrado un complemento que logre esto. Háganos saber si encuentra uno.

    ¿Funcionó correctamente el código anterior? ¿Entiende cómo acceder fácilmente al archivo functions.php correcto para usar el código anterior?










  • Subir