Una forma productiva de aumentar las vistas de página en su sitio con 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 le brinda acceso a registros, publicaciones, páginas y tipos de publicaciones personalizadas en su base de datos.
Mientras tanto, los desarrolladores no necesitan escribir consultas SQL complejas en la base de datos para obtener la información que necesitan 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 básicas que cualquier usuario de WordPress puede usar para varios propósitos. Es una buena práctica dividir las publicaciones largas en varias partes y presentar cada una de ellas en una nueva página.
Si usa un tema de WordPress bien codificado a su disposición, lo más probable es que use una etiqueta en una publicación agregada donde desea que la publicación termine y comience en la página siguiente hará el trabajo por usted.
No es difícil adivinar que cargar publicaciones largas llevará mucho tiempo y será una molestia para los visitantes del sitio web o los seguidores del blog.
Dividir un artículo o descripciones largas en tantas páginas como parezca intencional hará que sea más fácil para sus lectores digerir toda la información sin irritarse.
Si usted es un webmaster de WordPress o el propietario de un sitio de WordPress, estamos seguros de que conoce la función 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 en el páginas anteriores y siguientes en consecuencia.
Además de hacer que sus artículos y publicaciones sean más fáciles de rastrear y más legibles, la paginación también tiene otros beneficios.
Esto mantendrá la apariencia general de su sitio web más precisa y compacta, agregará páginas vistas, ayudará a reducir las tasas de rebote, contribuirá a la clasificación de SEO y proporcionará más páginas para la colocación de anuncios y más.
Sin embargo, este método no siempre funciona sin problemas con los temas y plantillas modernos de WordPress. Es por eso que 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 lea la referencia de la clase WP Query en el Codex de WordPress: https://developer.wordpress.org/reference/classes/wp_query/.
Ahora que tiene una idea general de WP_Query y sus usos, permítanos compartir una consulta de muestra con usted.
<?php
/**
* Template Name: Custom Page
*/
get_header(); ?>
<?php
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
$args = array(
'posts_per_page' => 4,
'paged' => $paged
);
$custom_query = new WP_Query( $args );
?>
<!----start-------->
<div class="wrap">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
while($custom_query->have_posts()) :
$custom_query->the_post();
?>
<div>
<ul>
<li>
<h3><a href="https://www.sktthemes.org/wordpress/wp_query-create-pagination-wordpress/<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3>
<div>
<ul>
<div><a href="https://www.sktthemes.org/wordpress/wp_query-create-pagination-wordpress/<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
</ul>
<ul>
<p><?php echo the_content(); ?></p>
</ul>
</div>
<div>
</li>
</ul>
</div> <!-- end blog posts -->
<?php endwhile; ?>
<?php if (function_exists("pagination")) {
pagination($custom_query->max_num_pages);
} ?>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- .wrap -->
<!----end-------->
<?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 su carpeta de temas y agregue el siguiente fragmento de código en su página estática personalizada.
<?php if (function_exists("pagination")) {
pagination($custom_query->max_num_pages);
} ?>
Vaya al panel de administración para crear la página y elija una página personalizada como plantilla.
Además, deberá usar el siguiente código para que funcione la paginación personalizada: Deberá agregar este código en functions.php (lo encontrará en la carpeta de su tema).
función paginación ($ página = ”, $ rango = 4)
{
$showitems = ($range * 2)+1;
global $paged;
if(empty($paged)) $paged = 1;
if($pages == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}
if(1 != $pages)
{
echo "<div class="pagination"><span>Page ".$paged." of ".$pages."</span>";
if ($paginado> 2 && $paginado> $rango + 1 && $showitems <$paginas) echo “< Anterior«;
for ($ i = 1; $ i <= $ páginas; $ i ++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
{
echo ($paged == $i)? "<span class="current">".$i."</span>":"<a href="".get_pagenum_link($i)."" class="inactive">".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a href="".get_pagenum_link($paged + 1)."">Next ›</a>"; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href="".get_pagenum_link($pages)."">Last »</a>"; echo "</div>n"; } }
Ahora que hemos podido usar WP_Query para crear paginación en WordPress, pasemos a la sección de estilo. Por supuesto, ahora estamos tratando con style.css en lugar de function.php.
Busque style.css en la carpeta de su tema y agréguele el siguiente código.
/* Pagination */
.pagination {
clear:both;
position:relative;
font-size:11px; /* Pagination text size */
line-height:13px;
float:right; /* Pagination float direction */
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff; /* Pagination text color */
background: #555; /* Pagination non-active background color */
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover{
color:#fff;
background: #6AAC70; /* Pagination background on hover */
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #6AAC70; /* Current page background */
color:#fff;
}
Eso es todo. Esperamos que nuestro artículo lo ayude a usar WP_Query para paginar sin problemas en WordPress. Si tiene alguna pregunta sobre este tutorial o los códigos proporcionados en él, ¡no dude en solicitar nuestra ayuda!
Cuando está configurando su sitio en WordPress, una cosa que puede considerar es usar wp_query para crear paginación en WordPress.
Por supuesto, definitivamente se preguntará por qué vale la pena 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 una publicación larga se puede dividir en publicaciones más cortas, y las secciones de la publicación original se publican en otras páginas con un enlace a la publicación original.
Esto ayuda a aumentar la cantidad de páginas vistas en su sitio web y puede resultar invaluable para SEO y clasificaciones.
Por eso hay que usar wp_query para crear paginación en WordPress para que pueda personalizar su publicación, mantenerla más corta y, en el proceso, ayudar a mejorar su experiencia de usuario. Aquí hay algunas razones por las que la paginación es importante y por qué es esencial para su sitio web.
- Aspecto limpio y limpio: como resultado de la paginación, debería poder acortar sus publicaciones y dejar su página de inicio despejada. Esto debería permitirle presentar a sus clientes una apariencia limpia y nítida.
Además, cuando las publicaciones se truncan, debería poder aprovechar al máximo ese espacio estratégicamente y dirigir la atención de los usuarios a partes relevantes de su sitio web, tal vez un llamado a la acción, para que puedan hacer clic en lo mismo.
- Marketing: con la paginación, debería poder acortar la longitud de sus publicaciones y optimizarlas también en este proceso.
Con este complemento, puede decidir qué publicaciones desea acortar e incluso ajustar la publicación para que se vea más atractiva para el usuario final.
Como resultado, su tráfico debería aumentar y, por lo tanto, debería poder atraer a sus visitantes más que antes.
- Participación del usuario: ningún usuario quiere leer una publicación larga directamente en la primera página; por lo tanto, es importante que utilice la paginación para que sus publicaciones sean breves.
Los usuarios apreciarán el aspecto limpio, la carga rápida de las páginas, por lo que debería poder interactuar más con ellos.
Cuando se trata de la paginación, debería poder mantener su tasa de rebote en un nivel óptimo, mantener el interés de la audiencia 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, ya que puede ayudar a que su sitio funcione incluso mejor que antes.
Puedes decidir qué tan cortas quieres que sean las publicaciones y con la paginación deberías poder decidir la longitud e incluso la apariencia de las publicaciones. Con esta función, debería poder brindarles a sus usuarios una mejor experiencia de usuario.
