Ir para o conteúdo principal

Como adicionar uma barra de progresso de leitura no WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

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.

como adicionar uma barra de progresso de reprodução em 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 da interface aprimorada do usuário que incentiva os usuários a rolar para baixo. Também motiva os usuários a finalizar 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 deve garantir que o indicador de progresso da leitura seja sutil e não estrague a experiência do usuário no seu site.

Comece a promover seu blog

Faça o download de dezenas de logotipos, banners, modelos de sites e muitas outras ferramentas de marketing para comercializar seu blog WordPress. [Recomendado]

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> Worth The Read Para configurar o plugin.

Worth A configuração do plugin Leia

Primeiro, você deve ativar a barra de progresso da leitura, marcando a opção " ativar (Ativar) Depois disso, você deve selecionar o local onde deseja exibir a barra de progresso.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

A opção padrão exibe a barra acima, é a escolha de vários sites. Você pode alterar isso para exibir a barra de progresso à direita, esquerda ou parte inferior da página.

O plug-in permite que você escolha as cores de primeiro e de trás da barra de progresso para corresponder ao seu tema WordPress. A cor do plano de fundo é usada para preencher a barra de progresso vazia e a cor do primeiro plano será usada para mostrar o progresso que o usuário está fazendo rolando 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 usar um plano de fundo transparente para a barra de progresso. Marque esta opção substituirá a cor do plano de fundo e somente a cor do primeiro plano será exibida quando os usuários rolarem a página. Não se esqueça de salvar suas configurações quando as concluir.

É isso neste tutorial. Espero que você possa adicionar uma barra de progresso ao seu blog WordPress.

exemplo WordPress progressão

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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.

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
0 ações
ação
chilrear
Enregistrer