Adding Infinite Scroll To Your Wordpress Blog Easily

Cómo agregar un desplazamiento infinito a su sitio de WordPress (paso a paso)

¿Quieres agregar desplazamiento infinito a tu blog de WordPress? El desplazamiento infinito es una técnica de diseño web que carga automáticamente contenido para su página siguiente cuando los usuarios llegan al final de una página. Permite a los usuarios ver más contenido en su blog sin hacer clic en la paginación o en el botón «Cargar más». En este artículo, le mostraremos cómo agregar fácilmente scroll infinito a su blog de WordPress (paso a paso).
Agregue Fácilmente Infinite Scroll A Su Blog De Wordpress

¿Qué es Infinite Scroll?

Contents

El desplazamiento infinito es una tendencia de diseño web que utiliza la carga de páginas AJAX en lugar de la navegación digital para cargar automáticamente el contenido de la página siguiente y mostrarlo al final de la página actual. El desplazamiento infinito facilita la navegación por más contenido con solo desplazarse hacia abajo. Carga contenido de forma continua y sin fin a medida que los usuarios continúan desplazándose. Tradicionalmente, los usuarios tenían que hacer clic en los botones «siguiente», «anterior» o en los números de página para ver las publicaciones de blogs más antiguas. Cuando usa AJAX, abreviatura de JavaScript asincrónico y XML, las páginas web pueden comunicarse con el servidor sin recargar toda la página. Permite que las aplicaciones web procesen las solicitudes de los usuarios y proporcionen datos sin actualizar. Los mejores ejemplos de diseño de desplazamiento infinito son los sitios de redes sociales populares como Facebook, Twitter, Instagram, Pinterest, etc. Si usa alguno de estos, sabrá cómo el contenido se carga interminablemente en la línea de tiempo de sus redes sociales.

¿El desplazamiento infinito es adecuado para todos los sitios web?

Muchos sitios web de contenido en Internet utilizan la técnica de desplazamiento infinito para mejorar la experiencia de navegación y aumentar la participación. Esto lleva a muchos novatos a hacer preguntas como ¿es adecuado para cada sitio web o es adecuado para mi sitio? El desplazamiento infinito es ideal para sitios que presentan contenido en una línea de tiempo o en un feed, como las aplicaciones de redes sociales. Proporciona una experiencia de navegación fantástica para los usuarios que buscan contenido basado en el tiempo. Entonces, el diseño de desplazamiento infinito es perfecto tanto para dispositivos móviles como táctiles. Para los usuarios de dispositivos móviles, desplazarse es más fácil de usar que guardar en enlaces de páginas pequeñas.
Interacción Web Con Pantalla Táctil
La ventaja más significativa de la técnica de desplazamiento infinito es una experiencia de navegación fluida. Los usuarios no necesitan hacer clic manualmente en los enlaces de paginación. El contenido se carga rápidamente con el desplazamiento y mantiene a los usuarios interesados. Pero, por otro lado, también puede dificultar la navegación por su sitio. Con la carga continua, es difícil saber dónde (en qué página) está una publicación de blog. Algunos usuarios incluso encuentran abrumador ver muchos artículos al mismo tiempo. Otra desventaja del diseño de desplazamiento infinito es que no puede tener un pie de página. Incluso si lo tiene, estará oculto bajo un sinfín de artículos que se cargan continuamente. Muchos sitios agregan enlaces esenciales en el pie de página, por lo que no tenerlos puede decepcionar a algunos usuarios. Quizás el problema más preocupante con el desplazamiento infinito es que puede ralentizar su sitio web o incluso bloquear el servidor. Cuando agregamos el desplazamiento infinito a uno de nuestros blogs más pequeños, experimentamos un bloqueo del servidor después de que los usuarios se desplazaran innecesariamente, lo que agotó la memoria de una pequeña cuenta de alojamiento de WordPress. Recomendamos utilizar un alojamiento administrado de WordPress si desea probar el desplazamiento infinito. Ahora que conoce los pros y los contras del diseño de desplazamiento infinito, puede decidir si debe agregarlo a su blog o no. Si ha decidido agregar desplazamiento infinito a su blog de WordPress, puede hacerlo fácilmente. Te mostraremos varios plugins que puedes utilizar, para que elijas el que mejor se adapte a tus necesidades.

Video tutorial

Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.

Agregue Infinite Scroll a su blog de WordPress con Catch Infinite Scroll

Lo primero que debe hacer es instalar y activar el plugin Catch Infinite Scroll. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, WordPress agregará un nuevo elemento de menú titulado « Catch Infinite Scroll » en su panel de administración de WordPress. Debe hacer clic en él para configurar los ajustes del plugin.
Captura Configuraciones De Desplazamiento Infinitas
Primero, puede elegir una opción de activación para cargar los artículos. El plugin le permite cargar contenido automáticamente cuando los usuarios se desplazan por la página o agregan un botón « Cargar más ».
Cargue Desplazándose O Haciendo Clic - Capturar Configuración Del Plugin Infinite Scroll
Debe seleccionar la opción «Desplazamiento» para activar la carga de desplazamiento automático. También puede seleccionar la opción «Hacer clic» si desea agregar un botón Cargar más. Luego puede ver el selector de navegación, el selector siguiente, el selector de contenido y el selector de elementos. No necesita cambiar nada en estas opciones, ya que las opciones predeterminadas funcionan bastante bien. Después de eso, hay una opción de Imagen donde puede agregar un ícono de cargador de contenido. Por defecto tiene una imagen GIF de cargador. Si tiene una imagen mejor, puede cambiarla.
Sube Una Nueva Imagen De Carga Para Wordpress Infinite Scroll
La opción «Texto completo» incluye el mensaje que aparecerá una vez que el usuario haya terminado de ver sus artículos. De forma predeterminada, el texto dice «No hay más elementos para mostrar». Puede editar fácilmente este texto según sea necesario.
Carga De Elementos Completados - Opción De Texto De Acabado Captura El Desplazamiento Infinito
Cuando termine, haga clic en el botón Guardar cambios. ¡Es todo! El desplazamiento infinito ahora está activo en su blog. Puede visitar su blog y ver el desplazamiento infinito en acción.
Vista Previa De Desplazamiento Infinito De Wordpress

Complementos alternativos de WordPress para agregar 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 escenario, puede utilizar uno de los siguientes plugins de WordPress de desplazamiento infinito.
1. Ajax Cargar más
Ajax Cargar Más Configuraciones
Similar a Catch infinite Scroll, el plugin Ajax Load More también le permite agregar un desplazamiento sin fin y botones Load More en los que se puede hacer clic en su sitio de WordPress. El plugin ofrece más opciones de personalización, incluidos muchos estilos de iconos de carga de página, estilos de botones, etc. Para obtener una guía detallada, puede ver nuestro tutorial sobre cómo crear un botón Cargar más publicaciones en WordPress utilizando el plugin Ajax Load More. Sin embargo, el plugin tiene una curva de aprendizaje para los principiantes. Tiene una interfaz avanzada con muchas opciones que incluyen plantilla de repetidor, generador de código corto, consultas de WordPress, etc. Se necesitarán algunas habilidades de codificación para aplicar el desplazamiento infinito con este plugin.
2.YITH desplazamiento infinito
YITH Infinite Scrolling es una alternativa simple al plugin Ajax Load More o Catch Infinite Scroll. Al igual que el plugin Catch Infinite Scroll, tiene opciones mínimas para configurar la interacción web basada en desplazamiento en su sitio. Solo necesita instalar y activar el plugin y activar el desplazamiento infinito.
Yith Configuraciones De Plug-In De Desplazamiento Infinito
Cualquiera, incluidos los novatos, puede configurar fácilmente el desplazamiento infinito con este plugin. Sin embargo, no tiene la opción del botón « Cargar más », que se incluye en los otros dos plugins mencionados anteriormente. Esperamos que este artículo le haya ayudado a aprender cómo agregar un diseño de desplazamiento infinito a su blog de WordPress. También puede consultar nuestra guía sobre cómo agregar seguimiento de profundidad de desplazamiento en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply