Cómo agregarlo a su sitio web
Publicado: 2022-10-27¿Quieres agregar scroll infinito en WordPress?
El desplazamiento infinito garantiza que sus páginas carguen contenido nuevo automáticamente cada vez que un visitante llega al final de una página. De esta manera, puede mantener a sus visitantes comprometidos y reducir las tasas de rebote de su sitio.
Le mostraremos cómo agregar desplazamiento infinito a su sitio web de WordPress . Pero primero, mencionaremos algunas cosas básicas que debe saber al respecto. El esquema de esta publicación es el siguiente:
Empecemos.
Con el desplazamiento infinito, su sitio carga contenido nuevo a medida que el usuario se desplaza hacia abajo, en lugar de pedirle que haga clic en un enlace manualmente para abrir una página nueva.
En WordPress, un ejemplo común sería cargar nuevas publicaciones automáticamente en la página de tu blog una vez que el visitante llega al final, en lugar de depender de otras técnicas como la paginación.
La técnica se usa a menudo en plataformas de redes sociales como Facebook y Twitter para ofrecer a los usuarios una experiencia de navegación sin obstáculos.
Y la misma técnica se puede utilizar en los sitios web para mantener a los visitantes comprometidos con ellos.
¿Debería agregar desplazamiento infinito en su sitio? Pros y contras
A pesar del impacto positivo que puede tener en la participación del usuario y la experiencia de navegación, el desplazamiento infinito no es para todos.
Echemos un vistazo a los pros y los contras para decidir si necesita implementar la técnica en su sitio web de WordPress.
Ventajas de usar scroll infinito
Las ventajas de usar el scroll infinito en tu sitio son:
Desventajas de usar scroll infinito
Las desventajas de usar el scroll infinito en tu sitio son:
- Puede ser confuso navegar por su sitio ya que el contenido cambia sin problemas y es difícil saber en qué página se encuentra.
- La visualización continua de contenido, especialmente texto, puede ser abrumadora para algunos visitantes y pueden optar por abandonar su sitio y buscar un sitio de la competencia.
- El pie de página de tu sitio se volverá redundante porque el visitante nunca podrá alcanzarlo.
- El desplazamiento rápido puede abrumar a sus servidores web y hacer que su sitio se congele y se bloquee .
- Algunas herramientas pueden tener dificultades para realizar un seguimiento de las métricas por página porque el desplazamiento infinito puede hacer que su sitio web parezca una página grande.
- Y si su sitio se ve como una página continua, entonces podría tener un impacto negativo en el ranking de búsqueda y SEO del sitio. Sin embargo, el desplazamiento infinito correctamente implementado puede evitar esto, al seguir dando a cada página su propia URL única.
Estos son los pros y los contras de implementar el scroll infinito en tu sitio web. Después de considerar esto, si aún desea agregar un desplazamiento infinito a su sitio de WordPress, siga leyendo.
Hay dos formas diferentes en las que puede agregar desplazamiento infinito a su sitio de WordPress:
- Use un tema de WordPress que admita scroll infinito
- Use un complemento de desplazamiento infinito
Profundicemos en cada método y puede implementar el que más le convenga.
Pero antes de comenzar, haga una copia de seguridad de todo su sitio web porque implementar el desplazamiento infinito requerirá que cambie su tema e instale un nuevo complemento en su sitio. Llevar a cabo estos pasos implica una cierta cantidad de riesgo y es posible que su sitio se rompa debido a un solo paso en falso. En tales casos, la copia de seguridad será su red de seguridad, así que tome una copia de seguridad.
1. Agregue desplazamiento infinito usando el tema de WordPress (Neve)
Neve es uno de los pocos temas gratuitos de WordPress que ofrece la función de desplazamiento infinito. Es una solución ideal si desea habilitar el desplazamiento infinito solo en la página de listado de su blog (u otras páginas de archivo).
Habilitar el desplazamiento infinito con Neve es muy fácil.
Instale y active el tema en su sitio web de WordPress.
Luego vaya a Apariencia → Personalizar → Diseño → Blog/Archivo .
Desplácese hacia abajo hasta la opción Pedidos y contenido y seleccione Desplazamiento infinito en Paginación de publicación.
Presiona el botón Publicar para guardar tu configuración.
Sin embargo, si desea habilitar el desplazamiento infinito en sus publicaciones o páginas individuales, debe usar un complemento. Es decir, cuando alguien abre la página completa de una publicación de blog y se desplaza hacia abajo, desea que su sitio cargue otra publicación completa.
En las siguientes dos secciones, le mostraremos cómo usar complementos para implementar el desplazamiento infinito.
2. Use un complemento de desplazamiento infinito de WordPress
Hay una serie de complementos que lo ayudarán a habilitar el desplazamiento infinito en su sitio web, pero los más populares son:
- Atrapa pergamino infinito
- YITH Desplazamiento infinito
- Ajax Cargar más
Echemos un vistazo rápido a cada complemento antes de mostrarle cómo usarlos.
Atrapa pergamino infinito
Catch Infinite Scroll es un complemento de desplazamiento infinito simple y gratuito que le permite mostrar el contenido de su sitio horizontalmente en una sola página.
Si cambia el activador para hacer clic en lugar de desplazarse, agregará un botón Cargar más en su sitio.
La personalización es posible y puede optar por cambiar la imagen de carga y el color, el tamaño de fuente y la familia de fuentes en el botón Cargar más, entre otras cosas.
La versión gratuita le permite habilitar el desplazamiento infinito en su sitio web. Sin embargo, para poder cambiar el color, la familia de fuentes y el tamaño de fuente, debe obtener la versión premium por una tarifa anual de $ 24.99.
Para usar el complemento gratuito, todo lo que necesita hacer es instalar y activar el complemento en su sitio y listo.
Al ir a Catch Infinite Scroll en su tablero de WordPress, puede cargar una nueva imagen de carga y cambiar el texto Cargar más y el texto que aparecería cuando no haya más contenido para mostrar.
YITH Desplazamiento infinito
YITH Infinite Scrolling es un complemento gratuito y, al igual que el complemento anterior, YITH Infinite Scrolling también ofrece opciones para elegir su tipo de paginación: desplazamiento infinito o cargar más botones.
Puede cambiar el texto del botón Cargar más, agregar clases adicionales al botón e incluso usar animaciones (como aparecer gradualmente, deslizarse hacia adentro) para cargar contenido nuevo.
Hay una serie de imágenes de carga para elegir junto con la opción de cargar las suyas propias.
Dos de nuestras funciones favoritas son la opción de habilitar o deshabilitar el desplazamiento infinito en dispositivos móviles y cambiar la URL de una página cada vez que se cargan nuevos elementos ( importante para SEO ).
Con la versión gratuita del complemento, solo puede hacer dos cosas:
- Sube una imagen de carga personalizada.
- Habilite el desplazamiento infinito solo en su publicación.
Para habilitar el desplazamiento infinito en todas sus páginas de archivo y acceder a todas las funciones del complemento, necesita la versión premium del complemento que cuesta $ 59.99 por año.
Usar YITH Infinite Scrolling es bastante fácil. Simplemente instale y active el complemento gratuito en su sitio, y permitirá un desplazamiento infinito en sus publicaciones.
Puede navegar a YITH → Desplazamiento infinito para personalizar la configuración del complemento, pero la configuración predeterminada funciona bien.
Ajax Cargar más
Ajax Load More es un complemento complejo que le permite habilitar el desplazamiento infinito junto con opciones como el filtrado AJAX, plantillas de repetidor, generador de código abreviado, consultas personalizadas, etc.
En comparación con los complementos anteriores, Ajax Load More es un poco más complicado de configurar. Si bien no necesita ser un desarrollador para usarlo, los principiantes pueden querer quedarse con un complemento diferente porque necesitarán lidiar con términos como "parámetros de consulta" y "plantillas repetidoras".
Sin embargo, la ventaja de esa complejidad adicional es que obtienes un montón de opciones para configurar y personalizar el comportamiento de desplazamiento infinito en tu sitio.
Entonces, si desea poder desplazarse infinitamente por todo en su sitio, desde publicaciones hasta páginas, comentarios y más, esta podría ser una buena opción para mirar.
Comience con el desplazamiento infinito de WordPress
Agregar desplazamiento infinito en su sitio web de WordPress tiene muchos beneficios e inconvenientes. Por ejemplo, puede mejorar la tasa de rebote y la clasificación de su sitio, pero también puede afectar negativamente la experiencia del usuario en algunas situaciones.
El desplazamiento infinito se puede habilitar en su sitio utilizando el tema Neve o complementos dedicados como Catch Infinite Scroll y YITH Infinite Scrolling. Solo asegúrese de tener una copia de seguridad como red de seguridad antes de implementar cualquiera de los métodos.
Para conocer otras formas de mejorar su sitio, consulte nuestros siete consejos para mejorar la experiencia del usuario.
¡Eso es todo por este! Si tiene alguna pregunta sobre cómo agregar desplazamiento infinito en un sitio de WordPress, háganoslo saber en los comentarios a continuación.