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]

Avez-vous déjà remarqué comment certains sites populaires affichent une barre de progression de la lecture au-dessus des articles ? Cette petite barre indique aux utilisateurs la longueur restant pour atteindre la fin d’un article.

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

Les utilisateurs passent seulement quelques secondes sur une page Web avant de décider s’ils partent ou non. Garder les utilisateurs engagés devient difficile surtout lorsque l’on a de long articles, car ils sont tous amenés à défiler vers le bas, ce qui pour certains peut être ennuyeux.

Certains propriétaires de sites ajoutent des articles similaires, d’autres utilisent des vidéos ou des galeries d’images pour retenir les utilisateurs.

Une barre de progression de lecture ajoute un peu de l’amélioration de l’interface utilisateur qui encourage les utilisateurs à faire défiler vers le bas. Il motive également aux utilisateurs de terminer l’article qu’ils lisent.

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]

De nombreux sites Web populaires comme « The Daily Beast », utilisent les indicateurs de progrès de lecture pour engager leurs lecteurs. Cependant, vous devez également vous assurer que l’indicateur de progression de lecture soit subtil et ne ruine pas l’expérience de l’utilisateur sur votre 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 " Réglages > Worth The Read Para configurar o plugin.

Worth A configuração do plugin Leia

Tout d’abord, vous devez activer la barre de progression de lecture en cochant l’option « ativar » (Enable). Après cela, vous devez sélectionner l’emplacement où vous souhaitez afficher la barre de progression.

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]

L’option par défaut affiche la barre au-dessus, c’est le choix de plusieurs sites web. Vous pouvez modifier cela pour afficher la barre de progression sur la droite, à gauche ou en bas de la page.

Le plugin vous permet de choisir les couleurs de premier plan et d’arrière de la barre de progression pour correspondre à votre thème WordPress. La couleur de fond est utilisée pour remplir la barre de progression vide et que la couleur de premier plan sera utilisé pour montrer les progrès que l’utilisateur fait en faisant défiler la page.

Vous pouvez également inclure des commentaires sur la longueur totale de la barre de progression en cochant l’option « incluir comentários ». Si vous incluez les commentaires, vous pouvez également choisir une couleur de fond différente pour la zone de progression des commentaires.

La dernière option sur la page vous permet d’utiliser un fond transparent pour la barre de progression. Cochez cette option remplacera la couleur de fond et seule la couleur de premier plan sera affichée, lorsque les utilisateurs feront défiler la page. N’oubliez pas d’enregistrer vos réglages, lorsque vous aurez terminé les configurations.

C’est tout pour ce tutoriel. J’espère que vous parviendrez à ajouter une barre de progression sur votre blog WordPress.

exemplo WordPress progressão

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Ce plugin ne fonctionne que sur les articles. Vous ne pouvez pas utiliser cette fonctionnalité sur les pages ou les formats de publication personnalisés.

Si vous avez des questions, n’hésitez pas à nous en poser.

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