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.

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.

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.

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.

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

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

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