Você já reparou como alguns sites populares exibem uma barra de progresso lendo os artigos? Essa pequena barra informa aos usuários o comprimento restante para chegar ao final de um artigo.
Neste tutorial, mostraremos como adicionar uma barra de progresso de leitura ao seu blog WordPress.
Quando usar uma barra de progresso de reprodução
Os usuários passam apenas alguns segundos em uma página da web antes de decidir se devem ou não sair. Manter os usuários engajados se torna difícil, especialmente quando se tem itens longos, porque todos são levados a rolar para baixo, o que para alguns pode ser chato.
Alguns proprietários de sites adicionam artigos semelhantes, outros usam vídeos ou galerias de imagens para reter usuários.
Uma barra de progresso de leitura adiciona um pouco do aprimoramento da IU que incentiva os usuários a rolar para baixo. Também motiva os usuários a terminar o artigo que estão lendo.
Muitos sites populares como " The Daily Beast Use indicadores de progresso de leitura para envolver seus leitores. No entanto, você também precisa se certificar de que o indicador de progresso de leitura seja sutil e não atrapalhe a experiência do usuário em seu site.
Dito isto, vamos ver como facilmente adicionar indicador de progresso da reprodução de seus itens WordPress.
Como adicionar uma barra de progresso no WordPress
A primeira coisa que você precisa fazer é instalar e ativar o plug-in " Vale a pena ler ". Para mais detalhes, confira nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, você deve visitar " Configurações> Vale a pena ler Para configurar o plugin.
Em primeiro lugar, você precisa ativar a barra de progresso de reprodução marcando a opção " ativar (Ativar) Depois disso, você deve selecionar o local onde deseja exibir a barra de progresso.
A opção padrão exibe a barra acima, é a escolha de vários sites. Você pode alterar isso para mostrar a barra de progresso à direita, esquerda ou parte inferior da página.
O plug-in permite que você escolha as cores do primeiro plano e do plano de fundo da barra de progresso para corresponder ao seu tema WordPress. A cor de fundo é usada para preencher a barra de progresso vazia e a cor de primeiro plano será usada para mostrar o progresso que o usuário está fazendo ao rolar a página.
Você também pode incluir comentários sobre o comprimento total da barra de progresso marcando a opção " incluir comentários ". Se você incluir comentários, também poderá escolher uma cor de fundo diferente para a área de progresso do comentário.
A última opção na página permite que você use um fundo transparente para a barra de progresso. Marcar esta opção irá substituir a cor de fundo e apenas a cor de primeiro plano será exibida, quando os usuários rolarem a página. Lembre-se de salvar suas configurações quando tiver concluído as configurações.
É isso para este tutorial. Espero que você consiga adicionar uma barra de progresso no seu blog WordPress.
Este plugin funciona apenas em artigos. Você não pode usar esse recurso em páginas personalizadas ou formatos de publicação.
Se você tiver alguma dúvida, não hesite em nos perguntar.
