Cómo añadir el desplazamiento infinito a tu sitio de WordPress (paso a paso)

¿Quieres añadir un desplazamiento infinito a tu blog de WordPress?

El scroll infinito es una técnica de diseño web que carga automáticamente el contenido de la siguiente página cuando los usuarios llegan al final de la misma. Permite a los usuarios ver más contenido en tu blog sin tener que hacer clic en el botón de paginación o $0027Cargar más$0027.

En este artículo, te mostraremos cómo añadir fácilmente un desplazamiento infinito en tu blog de WordPress (paso a paso).

¿Qué es el Pergamino del Infinito?

El desplazamiento infinito es una tendencia de diseño web que utiliza la carga de páginas AJAX en lugar de la navegación de páginas numéricas para cargar automáticamente el contenido de la siguiente página y mostrarlo al final de la página actual. El desplazamiento infinito facilita la navegación por más contenido con sólo desplazarse hacia abajo. Carga el contenido de forma continua e infinita a medida que los usuarios se desplazan.

Tradicionalmente, los usuarios tenían que hacer clic en los botones "siguiente", "anterior" o en los números de página para ver artículos de blog más antiguos.

Cuando se utiliza AJAX, abreviatura de Javascript asíncrono y XML, las páginas web pueden comunicarse con el servidor sin necesidad de recargar toda la página. Permite a las aplicaciones web procesar las solicitudes de los usuarios y entregar datos sin necesidad de actualizarlas.

Los mejores ejemplos de diseño de pergaminos infinitos son los populares sitios de medios sociales como Facebook, Twitter, Instagram, Pinterest, y más. Si estás usando alguno de ellos, entonces sabes cómo el contenido se carga sin fin en tu línea de tiempo de los medios sociales.

¿Es el desplazamiento infinito adecuado para cada sitio web?

Muchos sitios web de contenido en Internet están utilizando la técnica de desplazamiento infinito para mejorar la experiencia de navegación y aumentar el compromiso. Esto lleva a muchos principiantes a preguntarse si es adecuado para cada sitio web, o si es bueno para mi sitio.

El desplazamiento infinito es excelente para los sitios que presentan contenido en una línea de tiempo o en un feed, como las aplicaciones de medios sociales. Ofrece una fantástica experiencia de navegación a los usuarios que buscan contenido basado en el tiempo.

A continuación, el diseño de pergamino infinito es perfecto para los dispositivos móviles y táctiles. Para los usuarios de móviles, el desplazamiento es más fácil de usar que grabar en pequeños enlaces de páginas.

La ventaja más significativa de la técnica de desplazamiento infinito es una experiencia de navegación suave. Los usuarios no necesitan hacer clic en los enlaces de la página manualmente. El contenido se carga rápidamente con el desplazamiento y mantiene a los usuarios ocupados.

Pero por otro lado, también puede hacer que la navegación de su sitio sea más difícil. Con la carga continua, es difícil saber dónde (en qué página) está un artículo del blog. Algunos usuarios incluso encuentran abrumador ver muchos artículos a la vez.

Otra desventaja del diseño del pergamino infinito es que no puedes tener un pie de página. Incluso si lo tienes, estará oculto bajo un sinfín de artículos que se cargan continuamente. Muchos sitios añaden enlaces esenciales en el pie de página, por lo que no tenerlo puede decepcionar a algunos usuarios.

Tal vez lo más preocupante del desplazamiento infinito es que puede ralentizar su sitio web o incluso hacer que el servidor se caiga. Cuando añadimos el desplazamiento infinito a uno de nuestros blogs más pequeños, experimentamos la caída del servidor después de que los usuarios se desplazaron innecesariamente causando el agotamiento de la memoria en una pequeña cuenta de alojamiento de WordPress. Recomendamos que uses el alojamiento administrado de WordPress si quieres probar el desplazamiento infinito.

Ahora que conoces los pros y los contras del diseño de pergamino infinito, puedes decidir si necesitas añadirlo a tu blog o no.

Si has decidido añadir el desplazamiento infinito a tu blog de WordPress, entonces puedes hacerlo fácilmente. Te mostraremos múltiples plugins que puedes usar, para que puedas elegir el que mejor se adapte a tus necesidades.

Video Tutorial

Suscríbase a WPBeginner

Si no te gusta el video o necesitas más instrucciones, entonces sigue leyendo.

Añadiendo un pergamino infinito a tu blog de WordPress con Catch Infinite Scroll

Lo primero que tienes que hacer es instalar y activar el plugin Catch Infinite Scroll. Para obtener más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarse, WordPress añadirá un nuevo elemento de menú llamado "Catch Infinite Scroll" a su panel de administración de WordPress. Tienes que hacer clic en él para configurar los ajustes del plugin.

En primer lugar, puede elegir una opción de activación para cargar los artículos. El plugin te permite cargar el contenido automáticamente a medida que los usuarios se desplazan por la página o añaden un botón de $0027Cargar más$0027.

Debes seleccionar la opción $0027Scroll$0027 para activar la autocarga con el desplazamiento. Alternativamente, puedes seleccionar la opción "Click" si quieres añadir un botón de carga adicional.

A continuación, puedes ver el selector de navegación, el selector siguiente, el selector de contenido y el selector de elementos. No es necesario cambiar nada en estas opciones porque las opciones predeterminadas funcionan bastante bien.

Después de eso, hay una opción de Imagen donde puedes añadir el icono de cargador de contenido. Por defecto, tiene una imagen GIF de cargador. Si tienes una imagen mejor, entonces puedes cambiarla.

La opción "Terminar texto" incluye el mensaje que se mostrará una vez que el usuario termine de ver sus artículos. Por defecto, el texto dice "No más artículos para mostrar". Puedes editar fácilmente este texto según sea necesario.

Una vez hecho esto, haz clic en el botón Guardar cambios.

¡Eso es! El desplazamiento infinito está ahora activo en tu blog. Puedes visitar tu blog y ver el desplazamiento infinito en acción.

Plugins alternativos de WordPress para añadir un desplazamiento infinito en WordPress

Catch Infinite Scroll funciona bien con la mayoría de los temas de WordPress; sin embargo, puede fallar con algunos temas. En tal caso, puedes usar cualquiera de los siguientes plugins de WordPress de infinite scroll.

1. Ajax Load More

Similar a Catch infinite Scroll, el plugin Ajax Load More también te permite agregar botones de desplazamiento interminable y de Cargar Más a tu sitio de WordPress.

El plugin ofrece más opciones de personalización, incluyendo muchos estilos de iconos de carga de página, estilos de botones, etc. Para una guía detallada, puedes ver nuestro tutorial sobre la creación de un botón de carga de más posts en WordPress usando el plugin Ajax Load More.

Sin embargo, el plugin tiene una cierta curva de aprendizaje para los principiantes. Tiene una interfaz avanzada con muchas opciones, incluyendo la plantilla de repetición, el constructor de atajos, las consultas de WordPress, y más.

Requerirá algunas habilidades de codificación para aplicar el desplazamiento infinito con este plugin.

2. YITH Infinite Scrolling

YITH Infinite Scrolling es una simple alternativa al plugin Ajax Load More o Catch Infinite Scroll.

Similar al plugin Catch Infinite Scroll, tiene opciones mínimas para configurar la interacción web basada en el scroll en su sitio. Sólo tienes que instalar y activar el plugin y habilitar el desplazamiento infinito.

Cualquier persona, incluso los principiantes, pueden configurar fácilmente el desplazamiento infinito usando este plugin. Sin embargo, no tiene la opción del botón "Cargar más", que está incluida en los otros dos plugins mencionados anteriormente.

Esperamos que este artículo te haya ayudado a aprender cómo añadir un diseño de pergamino infinito a tu blog de WordPress. También puede que quieras ver nuestra guía sobre cómo añadir el seguimiento en profundidad de los pergaminos en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir