Como adicionar uma barra de progresso de leitura nas postagens do WordPress

Você notou como alguns sites populares mostram um indicador de barra de progresso de leitura no topo de seus artigos? Esta pequena barra mostra aos usuários o quanto mais do artigo é deixado para rolar e incentiva-os a continuar a ler. Neste artigo, mostraremos como adicionar uma barra de progresso de leitura nas postagens do WordPress.

Indicador da barra de progresso da leitura no WordPress

Por que e quando você deve adicionar barra de progresso de leitura no WordPress

Os usuários gastam apenas alguns segundos em uma página da internet antes de decidir se devem ficar ou sair. Manter os usuários envolvidos torna-se um pouco mais desafiador se você publicar artigos de formulário longo, pois exigem que os usuários se desloquem.

Alguns proprietários de sites adicionam postagens relacionadas, outras utilizam vídeos ou galerias de imagens para manter os usuários na página.

Uma barra de progresso de leitura adiciona um pequeno aprimoramento da interface do usuário que encoraja os usuários a se deslizar para baixo. Também motiva os usuários a finalizar o artigo que estão lendo.

Muitos sites populares como The Daily Beast, usam indicadores de progresso de leitura para envolver seus leitores. No entanto, você também precisa ter certeza de que o indicador de progresso de leitura é sutil e não arruína a experiência do usuário em seu site.

Dito isso, vejamos como você pode facilmente adicionar um indicador de progresso de leitura para suas postagens do WordPress.

Adicionando barra de progresso de leitura nas postagens do WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin Worth The Read. Para mais detalhes

Após a ativação, você precisa visitar Configurações »Worth The Read para configurar o indicador da barra de progresso.

Configurando seu indicador de progresso de leitura

Primeiro você precisa habilitar a barra de progresso de leitura marcando a opção ‘Ativar’. Depois disso, você precisa selecionar onde deseja exibir a barra de progresso.

A opção padrão está na parte superior que é usada pela maioria dos sites. Você pode alterá-lo para exibir a barra de progresso na direita, esquerda ou inferior da página.

O plugin permite que você escolha as cores de primeiro plano e de fundo da barra de progresso para combinar seu tema do WordPress. A cor de fundo é usada para preencher a barra de progresso vazia e a cor do primeiro plano será usada para mostrar o progresso à medida que um usuário se desliza para baixo.

Você também pode incluir comentários no comprimento total da barra de progresso marcando a opção de comentários de inclusão. Se você estiver incluindo comentários, então você também pode escolher uma cor de fundo diferente para a área de progresso de comentários.

A última opção na página permite que você use um fundo transparente para a barra de progresso. Verificando esta opção irá substituir as opções de cores de fundo e somente a cor do primeiro plano será exibida à medida que os usuários se deslocam para baixo em um artigo.

Não esqueça de clicar no botão Salvar alterações para armazenar suas configurações.

Isso é tudo, agora você pode visitar qualquer publicação em seu site para ver a barra de progresso em ação.

Barra de progresso de leitura

O indicador da barra de progresso da leitura só funciona em postagens únicas. Atualmente, ele não suporta páginas e tipos de postagem personalizados.

Esperamos que este artigo o ajude a adicionar um indicador de barra de progresso de leitura no WordPress