...
✅ Noticias, temas, complementos de WEB y WordPress. Aquí compartimos consejos y las mejores soluciones para sitios web.

Cómo agregar un desplazamiento infinito con WordPress

7

El desplazamiento infinito es una forma fantástica de facilitar la exploración de su contenido.

Funciona cargando nuevas publicaciones en la página a medida que los visitantes se desplazan en lugar de hacer que hagan clic en la siguiente página de publicaciones. Entonces, ¿cómo agrega un desplazamiento infinito a su sitio?

Estos son los dos mejores enfoques y complementos que puede utilizar para su sitio.

La mejor implementación de desplazamiento infinito para sitios de WordPress está en el complemento Jetpack.

Antes de instalarlo, comuníquese con el desarrollador de su tema y pregunte si su tema tiene soporte. Si lo hace, simplemente puede instalar Jetpack y activar el módulo de desplazamiento infinito.

Dicho esto, no todos los temas ya tienen soporte y es posible que no desee instalar el complemento Jetpack. Si ese es usted, aquí hay una forma alternativa de agregar desplazamiento infinito.

¿Eres usuario de Compete Themes? Todos nuestros temas incluyen soporte para desplazamiento infinito con Jetpack.

La alternativa para el desplazamiento infinito sin Jetpack es utilizar el complemento YITH Infinite Scrolling.

Cómo agregar un desplazamiento infinito con WordPress

Si bien este complemento funciona muy bien, la configuración es un poco técnica. Cubramos los pasos ahora.

Instalar y activar

Primero, instale y active YITH Infinite Scrolling a través del menú Complementos. Una vez instalado, encontrará un nuevo elemento de menú de YITH Plugins agregado a su panel de control. Haga clic en él para ver la configuración de Desplazamiento infinito.

Cómo agregar un desplazamiento infinito con WordPress

Configurar los ajustes

Esta parte puede hacerle tropezar si no sabe nada sobre HTML y CSS.

Para que el complemento funcione, debe proporcionarle selectores de CSS para cuatro elementos HTML diferentes. No hay forma de que un complemento pueda conocer estos selectores de antemano, por lo que tendrá que ingresarlos usted mismo.

No necesita hacer esto con Jetpack porque el autor del tema ya lo ha hecho por usted.

Cómo encontrar los selectores de CSS

Si no sabe qué es CSS o cómo se relaciona con su sitio web, consulte nuestra descripción general de CSS con WordPress.

Encontrar los selectores de CSS que necesita es realmente fácil y directo con el enfoque correcto. Si aún no está seguro de cómo encontrarlos, siga este tutorial para encontrar selectores de CSS. Es la forma más sencilla de navegar por el HTML de su sitio para encontrar los elementos que está buscando.

Agregar los selectores

Copie cada selector en las entradas de YITH Infinite Scrolling a medida que las encuentre. Si eres usuario de Compete Themes, puedes copiar las clases exactas utilizadas en la captura de pantalla anterior.

Ahora, a medida que se desplaza hacia abajo en su sitio web, las nuevas publicaciones se cargarán automáticamente en la página. El complemento funciona de inmediato una vez que se han proporcionado los cuatro selectores de CSS.

Desplazamiento infinito en el tema de Apex con YITH Infinite Scrolling.

Los dos métodos anteriores son los más fáciles y efectivos para agregar desplazamiento infinito a su sitio de WordPress.

Si bien existen complementos alternativos, también requieren un puñado de selectores de CSS, y ninguno funciona tan bien como el complemento YITH. Configurar el desplazamiento infinito puede ser un poco complicado, pero una vez que lo hayas agregado, funcionará sin problemas para tus visitantes.

Si tiene alguna pregunta sobre el desplazamiento infinito o cómo agregarlo a su sitio, publique un comentario a continuación.

Divulgación: esta publicación puede contener enlaces de afiliados. La compra de un producto a través de uno de estos enlaces nos genera una comisión sin costo adicional para usted.

Fuente de grabación: www.competethemes.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More