Cómo usar WP_Query para crear paginación en WordPress

Publicado: 2021-08-31

Una de las formas productivas de aumentar las vistas de página de su sitio web y tener una tasa de rebote óptima es usar WP_Query para crear paginación en WordPress.

En este tutorial, lo guiaremos a través de una guía fácil de seguir para agregar un bucle de WordPress personalizado con paginación.

¿Qué es WP_Query?
WP_Query es una de las clases más importantes de WordPress, ya que es lo que le da acceso a registros, publicaciones, páginas y tipos de publicaciones personalizadas en la base de datos.

Mientras tanto, los desarrolladores no necesitan escribir consultas SQL complejas en la base de datos para recibir la información necesaria sobre publicaciones, páginas o tipos de publicaciones personalizadas, porque WP_Query lo hará todo por nosotros.

¿Qué es la paginación en WordPress y por qué la necesitas?
La paginación es una de las características principales que cualquier usuario de WordPress puede usar para una variedad de propósitos. Es una buena práctica dividir las publicaciones largas en varias partes y mostrar cada una de ellas en una nueva página.

Si está utilizando un tema de WordPress bien codificado a su disposición, con toda probabilidad, el uso de la etiqueta en su publicación agregada justo donde necesita que la publicación termine y comience en la página siguiente hará el trabajo por usted.

No es difícil adivinar que las publicaciones largas tardarán mucho tiempo en cargarse y serán inconvenientes para que las lean los visitantes del sitio web o los seguidores del blog.

Dividir su artículo o descripciones largas en tantas páginas como parezca conveniente hará que sea más fácil para los lectores digerir toda la información sin molestarse.

Si usted es un webmaster de WordPress o el propietario de un sitio web de WordPress, estamos seguros de que conoce la funcionalidad de paginación integrada de WP que puede usar fácilmente con enlaces o paginación numérica para dividir publicaciones largas en tantas partes diferentes como sea necesario y mostrarlas con páginas anteriores y siguientes respectivamente.

Además de hacer que sus artículos y publicaciones sean más fáciles de seguir y más legibles, la paginación también tiene otros beneficios.

Hará que la apariencia general de su sitio sea más precisa y compacta, agregará las vistas de página de su sitio, ayudará a reducir la tasa de rebote, contribuirá a la clasificación de SEO y le proporcionará más páginas para colocar anuncios y más.

Sin embargo, este método no siempre funciona sin esfuerzo con los temas y plantillas de WordPress contemporáneos. Por lo tanto, le ofrecemos usar WP_Query para crear paginación en WordPress.

Antes de profundizar en el proceso que detalla cómo usar WP_Query para crear paginación en WordPress, le recomendamos que se familiarice con la referencia de clase WP Query en WordPress Codex: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .

Ahora, cuando tenga una idea general sobre WP_Query y sus usos, permítanos compartir una muestra de consulta con usted.

<?php

/**

* Nombre de la plantilla: página personalizada

*/

obtener_encabezado(); ?>

<?php

$paginado = ( get_query_var( 'paginado' ) ) ? get_query_var('paginado'): 1;

$argumentos = matriz(

'posts_per_page' => 4,

'paginado' => $paginado

);

$consulta_personalizada = new WP_Query( $argumentos);

?>

<!----inicio-------->

<div clase="envolver">

<div class="área de contenido">

<clase principal="sitio-principal" rol="principal">

<?php

while($custom_query->have_posts()) :

$consulta_personalizada->la_publicación();

?>

<div>

<ul>

<li>

<h3><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3>

<div>

<ul>

<div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>

</ul>

<ul>

<p><?php echo the_content(); ?></p>

</ul>

</div>

<div>

</li>

</ul>

</div> <!-- Finalizar publicaciones de blog -->

<?php mientras tanto; ?>

<?php si (función_existe("paginación")) {

paginación($custom_query->max_num_pages);

} ?>

</principal><!-- #principal -->

</div><!-- #principal -->

</div><!-- .envolver -->

<!----fin-------->

<?php get_footer();

Cómo usar WP_Query para crear paginación en WordPress
Código para representar la paginación
Cree un archivo de plantilla llamado CustomPage.php en la carpeta del tema y agregue el código mencionado a continuación en una página estática personalizada.

<?php si (función_existe("paginación")) {

paginación($custom_query->max_num_pages);

} ?>

Vaya al panel de administración para crear una página y elija una página personalizada como plantilla.
Además, deberá usar el siguiente código para que la paginación personalizada funcione: Deberá agregar este código en functions.php (que se encuentra en la carpeta de su tema).

paginación de función ($ páginas = ", $ rango = 4)

{

$mostrarelementos = ($rango * 2)+1;

global $paginado;

if(vacío($paginado)) $paginado = 1;

si ($ páginas == '')

{

global $wp_query;

$páginas = $wp_query->max_num_pages;

si(!$páginas)

{

$páginas = 1;

}

}

if(1 != $páginas)

{

echo "<div class=\"paginación\"><span>Página ".$paginada." de ".$páginas."</span>";

if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo “<a href='”.get_pagenum_link(1).”'>« Primero</a>»;

if($paged > 1 && $showitems < $pages) echo “<a href='”.get_pagenum_link($paged – 1).”'>‹ Anterior</a>”;

para ($i=1; $i <= $páginas; $i++)

{

if (1 != $páginas &amp;&amp;( !($i &gt;= $paginado+$rango+1 || $i &lt;= $paginado-$rango-1) || $páginas &lt;= $showitems ) )

{

echo ($paginado == $i)? "&lt;span class=\"actual\"&gt;".$i."&lt;/span&gt;":"&lt;a href='".get_pagenum_link($i)."' class=\"inactive\" &gt;".$i."&lt;/a&gt;";

}

}

if ($paged &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "&lt;a href=\"".get_pagenum_link($paged + 1)."\"&gt;Next ›&lt;/a&gt; ";

if ($paged &lt; $pages-1 &amp;&amp; $paged+$range-1 &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "&lt;a href='".get_pagenum_link($pages) ."'&gt;Última »&lt;/a&gt;";

echo "&lt;/div&gt;\n";

}

}

Ahora que hemos logrado usar WP_Query para crear paginación en WordPress, pasemos a la parte de estilo. Naturalmente, ahora tendremos que hacerlo con el archivo style.css en lugar de function.php.

Busque style.css en la carpeta del tema y agregue el código a continuación.

/* Paginación */
.paginación {
Limpia los dos;
posición: relativa;
tamaño de fuente: 11px; /* Tamaño del texto de paginación */
altura de línea: 13px;
flotar derecho; /* Dirección de flotación de paginación */
}

.intervalo de paginación, .paginación a {
bloqueo de pantalla;
flotador izquierdo;
margen: 2px 2px 2px 0;
relleno:6px 9px 5px 9px;
texto-decoración: ninguno;
ancho: automático;
color:#fff; /* Color del texto de paginación */
fondo: #555; /* Paginación color de fondo no activo */
-webkit-transition: fondo .15s facilidad de entrada y salida;
-moz-transition: fondo .15s facilidad de entrada y salida;
-ms-transition: fondo .15s facilidad de entrada y salida;
-o-transición: fondo .15s facilidad de entrada y salida;
transición: fondo .15s facilidad de entrada y salida;
}

.paginación a: hover{
color:#fff;
fondo: #6AAC70; /* Fondo de paginación al pasar el mouse */
}
.paginación .actual{
relleno:6px 9px 5px 9px;
fondo: #6AAC70; /* Fondo de la página actual */
color:#fff;
}

Eso es. Realmente esperamos que nuestro artículo lo ayude a usar WP_Query para crear paginación en WordPress sin problemas. En caso de cualquier pregunta sobre este tutorial o los códigos compartidos en él, ¡no dude en solicitar nuestra ayuda!

Cuando está configurando su sitio web en WordPress, una de las cosas que puede considerar es usar wp_query para crear paginación en WordPress .

Por supuesto, seguramente se preguntará por qué debería molestarse con la paginación, pero he aquí por qué la paginación es un aspecto importante de cualquier sitio web.

La paginación es el proceso mediante el cual puede dividir una publicación larga en publicaciones más cortas con secciones de la publicación original publicadas en otras páginas con un enlace a la publicación original.

Esto ayuda a aumentar las vistas de página en su sitio web y puede resultar invaluable en lo que respecta a SEO y clasificaciones.

Es por eso que necesita usar wp_query para crear paginación en WordPress para que pueda personalizar la publicación, mantenerla más corta y, en el proceso, ayudar a mejorar la experiencia del usuario. Aquí hay algunas razones de por qué la paginación es importante y por qué es esencial para su sitio web.

  • Aspecto limpio y nítido: como resultado de la paginación, debería poder mantener sus publicaciones más cortas y, en el proceso, dejar su página principal despejada. Esto debería permitirle presentar a sus clientes una apariencia limpia y nítida.

    Además, con las publicaciones recortadas, debería poder hacer un uso completo del espacio en blanco estratégicamente y dirigir la atención del usuario a las partes relevantes de su sitio web, tal vez a un llamado a la acción para que puedan hacer clic en el mismo.

  • Marketing: con la paginación, debería poder recortar la longitud de las publicaciones y optimizarlas también en el proceso.

    Con este complemento, puede decidir qué publicaciones desea recortar e incluso personalizar la publicación para que parezca más atractiva para el usuario final.

    Como resultado, su tráfico debería aumentar y, en el proceso, también debería poder interactuar más con sus usuarios que antes.

  • Compromiso del usuario: ningún usuario quiere leer una publicación larga directamente en la página principal; por eso es esencial que utilices la paginación para que las publicaciones sean breves.

    Los usuarios apreciarán el aspecto ordenado, las páginas de carga rápida y, como resultado, debería poder interactuar más con ellos.

    Con la paginación entrando en juego, debería poder mantener las tasas de rebote en niveles óptimos, mantener a su audiencia lo suficientemente interesada y, lo que es más importante, aumentar las visitas a la página en su sitio web.

    Como resultado, seguramente aumentará su clasificación y aumentará su tasa de conversión en línea.

Estas son algunas de las razones por las que necesita tener paginación en su sitio web, ya que puede ayudar a que su sitio web funcione incluso mejor que antes.

Puedes decidir qué tan cortas te gustaría que fueran las publicaciones y, con la paginación, deberías poder decidir la longitud e incluso el aspecto de las publicaciones. Con esta función, debería poder brindarles a sus usuarios una mejor experiencia de usuario.