Aparência & Exibição
Todas as opções desta página estão disponíveis na versão Gratuita. Os usuários Pro herdam tudo isso e adicionam funcionalidades extras (consulte a seção Funcionalidades Pro na barra lateral).
Acessar as configurações
Todas as configurações ficam no menu Barra de Progresso na barra lateral do painel do WordPress (menu de primeiro nível, não em Configurações). As opções de aparência estão agrupadas na aba Estilo.
Aparência da barra
Controla o visual da barra de progresso.
| Opção | Valores | Padrão |
|---|---|---|
| Cor da barra | Qualquer cor | #1D9E75 |
| Altura | 2 – 20 px | 4 px |
| Posição | topo / baixo / personalizado | topo |
| Seletor CSS personalizado | Qualquer seletor CSS | — |
| Fundo de trilha | Qualquer cor (opcional) | — |
| Opacidade | 10 – 100 % | 100 % |
| Z-index | 1 – 99.999 | 9999 |
| Deslocamento de header fixo | auto ou 0 – 500 px | auto |
O Seletor CSS personalizado permite ancorar a barra a qualquer elemento da página — útil se você quiser posicioná-la logo abaixo de um cabeçalho personalizado em vez da borda da janela.
O Deslocamento de header fixo impede que a barra desapareça atrás de cabeçalhos fixos. O valor padrão auto detecta automaticamente a altura do cabeçalho. Se a detecção se comportar de forma estranha no seu tema, defina um valor fixo em pixels.
Controle de exibição
Controla onde a barra aparece no seu site.
| Opção | Valores | Padrão |
|---|---|---|
| Ativar em artigos | Ativado / Desativado | Ativado |
| Ativar em páginas | Ativado / Desativado | Desativado |
| Ocultar na inicial | Ativado / Desativado | Ativado |
| Visibilidade por dispositivo | Todos / Somente desktop / Somente mobile / Ocultar no mobile | Todos |
Fonte de progresso
O ReadNinja pode calcular o progresso de leitura de duas formas diferentes.
- Somente conteúdo — a barra começa a preencher quando o leitor entra no corpo do artigo e termina no último parágrafo. O ReadNinja detecta automaticamente os contêineres comuns como
.entry-content,.post-contentearticle. - Página completa — a barra reflete a rolagem global da página (do topo da janela até o fim do documento).