¿Le gustaría agregar desplazamiento infinito en WordPress?

¿Hay algo más adictivo que las noticias de Facebook? Quiero decir, estoy sentado aquí escribiendo este tutorial, pero esta característica adictiva sigue desplazándose... otra vez... otra vez.

Esta es una característica que usa Facebook, que se llama: " desplazamiento infinito "O" desplazamiento sin fin ", para el servicio de noticias. En lugar de tener que hacer clic en un botón o " siguiente "O" Leer Más ", El contenido sigue cargándose cuando se desplaza hacia abajo en la página.

agregar desplazamiento infinito en WordPress

¿Y adivina qué? Puede lograr el mismo efecto en su blog de WordPress agregando desplazamiento infinito.

En este tutorial, analizaré algunos de los pros y los contras del desplazamiento infinito y luego le mostraré cómo configurar un desplazamiento infinito en su blog de WordPress.

Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

Ventajas del desplazamiento infinito

Muchas grandes marcas han experimentado con el desplazamiento infinito, lo que nos da la ventaja de poder examinar sus datos. Estos son algunos de los beneficios que han experimentado las redes sociales:

Por cierto descubrir cómo crear un texto desplazable en Divi

  • más Vistas - NBC News descubrió que los usuarios de teléfonos fijos visitaban un 20% más de páginas por visita con desplazamiento infinito. Igualmente, " Equipos "También descubrió que 21% de sus usuarios optó por el resto del contenido con desplazamiento infinito.
  • Muy baja tasa de rebote  - " Equipos También redujo su porcentaje de rebote 15% cuando optaron por el desplazamiento infinito.
  • Experiencia de usuario mejorada - Con eso, todos están de acuerdo. Algunos expertos han declarado que desplazamiento infinito UX aumenta la exposición del contenido de los usuarios, forzándolos a hacer menos clic mientras ofrece una mejor experiencia móvil

No puedo decir con certeza que obtendrá los mismos resultados que estas marcas principales, pero si tiene muchas publicaciones en el blog, el desplazamiento definitivamente será una buena opción.

Descubre cuándo y cómo instalar WordPress en un subdirectorio

La mayoría de las redes sociales se basan en el desplazamiento infinito por estas mismas razones.

Desventajas con desplazamiento infinito

No todo es color de rosa con desplazamiento infinito. Ciertamente, hay algunos puntos negativos potenciales que debe considerar:

  • ningún pie de página - pierde en su pie de página, cuando opta por el desplazamiento infinito. Será una gran desventaja si desea ofrecer más información en el pie de página. Por ejemplo, si está utilizando su pie de página para mostrar información de afiliados, deberá encontrar una nueva forma de mostrar esa información.
  • La barra de desplazamiento que rebota causa una mala experiencia  - Debido a que el sitio web siempre se está cargando, es muy probable que la longitud de las barras de carga cambie, lo que puede hacer que pierda la pista de la lectura, lo que resultará en una mala experiencia de usuario.
  • Sin sentido de "finalización" - Esto no es una insinuación. Los investigadores de Nielsen han descubierto que los usuarios se sienten satisfechos cuando llegan al final de una página. El desplazamiento infinito lo hace imposible.

Además, en la sección "Beneficios", el desplazamiento infinito es bueno cuando tienes muchas publicaciones de blog igualmente importantes. Bueno, lo contrario también es cierto:

Ver también en este artículo Cómo solucionar el error "Falta la carpeta temporal" en WordPress

Si sus artículos son de importancia desigual (por ejemplo, algunos artículos tienen hasta 2.000 palabras y algunos solo tienen palabras 300), por lo que el desplazamiento infinito, ciertamente no es una buena idea para su sitio web.

Cómo agregar desplazamiento infinito en WordPress

Para agregar desplazamiento infinito en WordPress, puede usar un complemento gratuito llamado " Más Ajax Loader ". Este complemento ofrece toneladas de extensiones premium que pueden aumentar su funcionalidad, pero la versión gratuita debería ser suficiente para agregar simplemente desplazamiento infinito a su sitio web.

Ve más allá también consultando Javascript en WordPress: caso de uso de AJAX

El complemento básico funciona generando un código corto que agrega a una página. Esta página muestra las publicaciones de tu blog en un desplazamiento infinito. Hay algunos otros pasos pequeños que también deberá completar a lo largo del curso. Aquí se explica cómo poner todo en su lugar:

Instalación y configuración del plugin

Puedes encontrar " Más Ajax Loader » en el directorio de plugins de WordPress. Instale y active el complemento como lo haría con cualquier otro complemento.

Una vez que esté activado, verá una nueva opción " Ajax Cargar más ". Ir a " Ajax Cargar más> → Plantilla de repetidor Para crear tu modelo.

« Tu modelo> Repetidor Es la plantilla que define cómo deben aparecer los artículos en el desplazamiento infinito. Puedes cambiarlo, pero necesitas saber un poco de PHP. Sin embargo, la plantilla predeterminada debería estar bien para la mayoría de los usuarios:

Construcción-dun-modelo-wordpress

Lo único importante a tener en cuenta es que la plantilla "Repetidor" predeterminada solo mostrará extractos de artículos, no artículos completos. Si desea mostrar los artículos completos, debe reemplazar " el extracto() "Con" the_content () ".

Si conoce PHP, aún puede personalizar este modelo. De lo contrario, está bien dejar el modelo " Repetidor " por defecto.

Lea también nuestro artículo sobre 9 plugins de WordPress para crear cuadrículas de precios en un blog

Hay muchas cosas que puede configurar aquí. Tiene la opción de cambiar lo que se mostrará en el desplazamiento infinito y cómo se comportará todo.

No puedo nombrar todas las posibilidades en este artículo, pero aquí hay algunas de las casillas que definitivamente querrás llenar:

  • tipo de mensaje - El valor predeterminado es incluir solo artículos. Pero también puede incluir páginas personalizadas o formatos de publicación.
  • categoría - Puede incluir solo determinadas categorías o no puede excluir determinadas categorías.
  • autor - Esta es una característica interesante donde puede agregar desplazamiento infinito para un autor específico.
  • Posts_per_page - Defina el número de artículos que " Más Ajax Loader Debería cargarse cada vez que se actualice.
  • pausa - Ciertamente es un elemento importante. Para un verdadero desplazamiento infinito, debe establecerlo en "falso" aquí. De lo contrario, los usuarios tendrán que hacer clic para que aparezcan los otros artículos.
  • mover - Lo importante es que habilite esta función para que los artículos se carguen automáticamente a medida que los usuarios se desplazan hacia abajo en la página.

Descubre también nuestro 5 temas de WordPress para podcasters

Una vez que tenga todo configurado, copie el Código corto en el lado derecho de la página:

la copia-código corto-ajax-loader-mas

Todo lo que necesita hacer es agregar este código corto a la página donde desea que aparezca su desplazamiento infinito. Por ejemplo, puede agregarlo a una página llamada "  Blog Para que sea tu página de blog predeterminada.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Galería de paginación de Youtube y Vimeo

Este complemento premium de WordPress es una galería móvil y receptiva con muchas características totalmente configurables. Puede mostrar videos de la lista de reproducción de YouTube, palabras clave o buscar por álbum, canal, grupo o palabra clave de Vimeo. Las rejillas se pueden personalizar de varias formas. La galería Lightbox puede mostrar el reproductor con todos los detalles del video, incluidos los comentarios.

Complemento de galería de paginación de youtube vimeo wordpress

Este complemento de WordPress se puede utilizar en cualquier área de publicación o página utilizando códigos cortos o directamente en páginas PHP. Todo lo que necesita es crear una nueva galería, agregar la ID del canal de YouTube, por ejemplo, y generar un código corto. Se pueden utilizar varias galerías en la misma página.

Descargar | Demo | alojamiento web

2. Desplazamiento infinito de WooCommerce y paginación de Ajax

WooCommerce Infinite Scroll y Ajax Pagination es un Extensión de WordPress (WooCommerce) premium que ayuda a convertir la paginación predeterminada del producto en desplazamiento ilimitado o paginación Ajax. Cuando un usuario se desplaza hacia abajo en la página, la siguiente página del producto se recupera y agrega automáticamente. Esto significa que no necesita hacer clic en 'Página siguiente'. 

WooCommerce infinita de desplazamiento y Ajax paginación

También puede agregar un botón "Cargar más" en lugar de un desplazamiento ilimitado, o puede mantener la paginación predeterminada y convertirla a Paginación Ajax.

Lea también: Complementos de 5 WordPress para insertar formularios en su sitio web

Además, puede configurar diferentes tipos de búsqueda para dispositivos móviles, como el desplazamiento ilimitado para dispositivos de pantalla grande y el botón "Cargar más" para dispositivos móviles.

Descargar | Demo | alojamiento web

3. Slider Revolution

Slider Revolution es un innovador y receptivo plugin de carrusel de WordPress que muestra su contenido maravillosamente. Ya sea un control deslizante o un carrusel, su editor visual arrastrar y soltar le permitirá contar, por ejemplo, la historia de su empresa, destacar sus mejores productos, sus mejores artículos y mucho más.

Los mejores complementos deslizantes de WordPress - Slider revolution

También te invitamos a descubrir nuestro Complementos 9 Easy Digital Downloads para administrar descargas digitales

Sus características son: una excelente interfaz de creación de diapositivas, un diseño de diapositivas de arrastrar y soltar, un diseño totalmente receptivo, gestión perfecta de contenidos multimedia, rendimiento optimizado, Soporte multilingüe, entregado con casi 340 elementos gráficos, numerosas plantillas de presentación de diapositivas ofrecidas, compatibilidad con la mayoría de Temas de WordPress, excelente atención al cliente, soporte para pantallas táctiles, actualizaciones gratuitas y periódicas, documentación y video tutoriales disponibles y mucho más.

Descargar | Demoalojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial, ahora tienes la capacidad de configurar un desplazamiento infinito en tu blog de WordPress. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.

...