Paginación con scroll infinito en Posts de Elementor

En primer lugar y para que la paginación del widget Posts de Elementor funcione correctamente es importante que tengamos el parámetro de paginación posts_per_page en un número igual o inferior al que vayamos a poner en el widget de posts ya que con esto estableceremos el número máximo de entradas que se mostraran por página.

Ajustes de lectura

El valor de posts_per_page lo podemos modificar fácilmente desde el administrador de Wordpress desplegando las opciones de Ajustes > Lectura desde el menú lateral.

Paginación Wordpress - Ajustes de lectura

Dentro de la página Ajustes de lectura podemos modificar el valor de posts_per_page mediante un campo de texto. En mi caso muestro 3 entradas por página.

Paginación Wordpress - Número máximo de entradas

 

Incluir Widget Posts

Ahora ya podemos ir a la página o plantilla desde donde queremos mostrar nuestras entradas con paginación.

Utilizaremos el widget Posts de la versión Elementor Pro.

Paginación Wordpress - Widget Posts Elementor

Dentro de la pestaña Layout de las opciones de configuración del widget de los posts vamos a poner el número de entradas que queremos que se pinten en cada petición. En mi caso he vuelto a poner que se muestren 3 entradas por página ya que tengo pocas publicaciones y quiero que se aprecie el efecto de carga al entrar al Blog e ir haciendo scroll.

Paginación Wordpress y Elementor - Posts_per_pages

No olvidemos marcar nuestro CPT Entradas como source de la query para cargar las publicaciones del blog.

Paginación Wordpress y Elementor - Source Query

Finalmente dentro de la pestaña de configuración de la Paginación seleccionaremos la opción de scroll infinito.

Paginación - Wordpress y Elementor - Scroll-infinito

También podemos aplicar una animación de carga y un mensaje personalizado cuando ya no queden entradas por cargar.

Reproducir vídeo
Facebook
Twitter
LinkedIn

Nuevas/ publicaciones

Nuevas/ publicaciones

This error message is only visible to WordPress admins
Error: There is no connected account for the user 17841420826815855.