Apariencia y Visualización
Todas las opciones de esta página están disponibles en la versión Gratuita. Los usuarios Pro heredan todo esto y añaden funcionalidades adicionales (ver la sección Funcionalidades Pro en la barra lateral).
Acceder a los ajustes
Todos los ajustes se encuentran en el menú Barra de progreso en la barra lateral de tu panel de WordPress (menú de primer nivel, no en Ajustes). Las opciones de apariencia están agrupadas en la pestaña Estilo.
Apariencia de la barra
Controla el aspecto visual de la barra de progreso.
| Opción | Valores | Predeterminado |
|---|---|---|
| Color de la barra | Cualquier color | #1D9E75 |
| Altura | 2 – 20 px | 4 px |
| Posición | arriba / abajo / personalizado | arriba |
| Selector CSS personalizado | Cualquier selector CSS | — |
| Fondo de pista | Cualquier color (opcional) | — |
| Opacidad | 10 – 100 % | 100 % |
| Z-index | 1 – 99 999 | 9999 |
| Desplazamiento header sticky | auto o 0 – 500 px | auto |
El Selector CSS personalizado te permite anclar la barra a cualquier elemento de la página — útil si quieres colocarla justo debajo de un header personalizado en lugar de en el borde de la ventana.
El Desplazamiento de header sticky evita que la barra desaparezca detrás de los headers fijos. El valor auto por defecto detecta automáticamente la altura del header. Si la detección no funciona correctamente en tu tema, define un valor fijo en píxeles.
Control de visualización
Controla dónde aparece la barra en tu sitio.
| Opción | Valores | Predeterminado |
|---|---|---|
| Activar en artículos | Activado / Desactivado | Activado |
| Activar en páginas | Activado / Desactivado | Desactivado |
| Ocultar en la página de inicio | Activado / Desactivado | Activado |
| Visibilidad por dispositivo | Todos / Solo escritorio / Solo móvil / Ocultar en móvil | Todos |
Fuente de progreso
ReadNinja puede calcular el progreso de lectura de dos formas diferentes.
- Solo contenido — la barra empieza a llenarse cuando el lector entra en el cuerpo del artículo y termina en el último párrafo. ReadNinja detecta automáticamente los contenedores habituales como
.entry-content,.post-contentyarticle. - Página completa — la barra refleja el desplazamiento global de la página (desde la parte superior de la ventana hasta la parte inferior del documento).