Mientras hablaba con Matt Mullenweg en WordCamp Atlanta, nos dijo que estaban añadiendo pergamino infinito a algunos sitios web de socios VIP en WordPress.com porque los resultados eran asombrosos. Sugirió que deberíamos intentar añadirlo a nuestro proyecto List25. Bueno, después de hacer un poco de investigación, descubrimos que era bastante fácil de implementar. Nos tomó menos de 1 minuto instalar Infinite Scroll en WordPress. En este artículo, le mostraremos cómo usted también puede instalar Infinite Scroll en WordPress.
Actualización: Hemos quitado este plugin de nuestro sitio. Durante los tiempos de alto tráfico, esto causó que nuestros servidores se estrellaran. Cada vez que muchos usuarios empezaban a hacer scroll infinito, nos dábamos cuenta de que nuestra memoria estaba agotada, lo que hacía que el servidor no respondiera. Esto probablemente funcionaría muy bien para sitios más pequeños.
¿Qué es el Pergamino Infinito?
Tradicionalmente, el usuario tendría que hacer clic en la página siguiente o en la página anterior para visitar el contenido de los mensajes más antiguos. Sin embargo, recientemente hay una nueva tendencia iniciada por sitios populares (como facebook y twitter) en los que se carga automáticamente el contenido de la página siguiente una vez que el usuario llega a la parte inferior del post. Esta técnica ha demostrado que muestra un aumento en el tiempo que el usuario pasa en la página porque el nuevo contenido se carga automáticamente.
Si usas facebook, o twitter, entonces ya has visto la vista previa en vivo de esto. Sin embargo, si quieres ver cómo se ve esto en un sitio de WordPress, entonces echa un vistazo a List25.
Cómo Agregar Desplazamiento Infinito en WordPress
Lo primero que tienes que hacer es instalar y activar el plugin Infinite Scroll.
Al activarlo, se agregará una nueva opción de menú en la pestaña de configuración llamada Infinite Scroll (Desplazamiento infinito). En casi el 90% de los sitios de blogs, esto debería funcionar sin cambiar una sola configuración. Sin embargo, si usted tiene un blog relativamente personalizado, entonces tendrá que ajustar los «selectores». Ve a la página de configuración del plugin y haz clic en la pestaña selectores.
El plugin prellenará los selectores basándose en los estándares. El selector de contenido sería el div que envuelve su contenido en la página principal. En nuestro tema, era #contento. Esto es muy estándar y la mayoría de los autores de temas lo usan. No tuvimos que cambiar esta parte. El Selector de Mensajes por defecto era #content div.post que es estándar en la mayoría de los sitios de estilo blog, sin embargo, envolvemos nuestros mensajes con un div extra llamado.post-container. Esto nos permite dividir nuestra miniatura y el contenido del sitio en dos cuadrículas separadas. Cuando instalamos el plugin por primera vez, el plugin funcionó pero no estaba cargando nuestras miniaturas. Resultó que la razón por la que no se cargaban las miniaturas era que el selector de mensajes no era lo que queríamos.
Para el selector de Navegación y el selector de Página Siguiente, lo más probable es que no tenga que cambiarlo porque esos son parámetros muy estándar y casi el 99% de los temas lo usan (o eso esperamos).
En la pantalla Opciones generales, puede personalizar la imagen de carga, el texto de carga, el texto final, etc.
Este es un plugin muy bueno que acabamos de instalar. Si está buscando añadir un scroll infinito a su sitio, entonces este plugin es para usted.
Es importante tener en cuenta que esto sólo funciona en la página de inicio de tu blog. No funcionará en las páginas de archivo de categorías/etiquetas.
Obtener el plugin Infinite Scroll
Deja una respuesta