Barra de progreso de lectura
¿Alguna vez has empezado a leer un artículo largo y te preguntas cuánto queda? Así lo hacen tus visitantes. La barra de progreso de lectura de Master Addons soluciona eso. Es una barra delgada e inteligente que se llena a medida que avanzas hacia abajo en la página. Puedes agregarlo a cualquier página o publicar en segundos desde el interior de la configuración de la página de Elementor. Personaliza sus colores, posición y velocidad para que coincidan perfectamente con tu sitio. Es un pequeño toque que hace que tu contenido se sienta más atractivo y más fácil de navegar. Deje que sus lectores vean su progreso y permanezca hasta el final.
Enciéndelo y colócalo donde quieras
Sin codificación, sin complicaciones. Simplemente active el interruptor “Habilitar barra de progreso de lectura” en la configuración de su página. Luego decida dónde debería vivir -gheat en la parte superior de la ventana gráfica es el lugar clásico, pero es su elección. Detecta automáticamente la altura completa de la página y comienza a llenarse en el momento en que un visitante comienza a desplazarse.
- Habilitar One-Switch: busque la configuración directamente en el panel Configuración de página en “Configuración general” y actívela globalmente o solo para una página.
- Arriba o Abajo: Elija Posición para bloquear la barra en la parte superior o inferior de la pantalla para que siempre esté visible.
- Seguimiento automático: la barra calcula de forma inteligente la longitud total de la página y actualiza el relleno en tiempo real a medida que el usuario se desplaza.
Haz que parezca parte de tu marca
Es posible que una barra azul predeterminada no se ajuste a su sitio. Por eso obtienes control total sobre su apariencia. Combine los colores de su marca, ajuste el grosor y controle la suavidad con la que se anima. Hágalo sutil o haz que se destaque: depende completamente de usted y de su diseño.
- Colores personalizados: establece dos colores: el color de fondo para la pista vacía y el color de relleno para el progreso en movimiento.
- Ajuste el grosor: use el campo Altura (como 5px o 10px) para que la barra sea delgada, discreta, gruesa y atrevida.
- Sintonice la animación: controle la velocidad de la animación para que la barra se llene suavemente y se sienta natural, no nerviosa ni lenta.
Preguntas frecuentes para la barra de progreso de lectura
¿Funciona la barra de progreso en los teléfonos móviles?
¡Sí, seguro que sí! La barra responde completamente. Aparecerá en la parte superior (o inferior) de la pantalla en teléfonos y tabletas, ajustando su tamaño y comportamiento para que funcione perfectamente en pantallas más pequeñas.
¿Puedo agregar esto a algunas páginas pero no a otras?
Absolutamente. Dado que se controla desde la Configuración de página para cada página o publicación individual que cree con Elementor, tiene control total. Habilítelo en las publicaciones y tutoriales largos de su blog y déjelo fuera de su página de contacto corta. Es una decisión por página.
¿Esto ralentizará mi sitio web?
En absoluto. Es una característica muy liviana que utiliza recursos mínimos. Es sólo un poco de CSS y JavaScript para calcular la posición de desplazamiento. No notarás ningún impacto en la velocidad de carga de tu página.
¿Qué pasa si el color de la barra coincide con mi menú de encabezado?
Esa es la mejor parte 'puedes arreglarla en segundos. Simplemente vaya a la configuración y cambie el color de fondo y el color de relleno a lo que desee. Elija colores que contrasten muy bien con su encabezado para que la barra siempre sea visible pero nunca choque.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
