Heb je ooit gemerkt hoe sommige populaire sites een voortgangsbalk weergeven bij het lezen van artikelen? Deze kleine balk geeft gebruikers de resterende lengte om het einde van een artikel te bereiken.

In deze zelfstudie laten we u zien hoe u een voortgangsbalk voor lezen kunt toevoegen aan uw WordPress blog.

hoe u een voortgangsbalk voor lezen op WordPress kunt toevoegen

Wanneer moet u een voortgangsbalk gebruiken

Gebruikers brengen slechts enkele seconden door op een webpagina voordat ze beslissen of ze weggaan of niet. Gebruikers betrokken houden wordt moeilijk, vooral als je lange items hebt, omdat ze allemaal naar beneden worden geschoven, wat voor sommigen saai kan zijn.

Sommige site-eigenaren voegen soortgelijke artikelen toe, anderen gebruiken videos of afbeeldingsgalerijen om gebruikers te behouden.

Een voortgangsbalk voor lezen voegt een beetje van de UI-verbetering toe die gebruikers aanmoedigt om naar beneden te scrollen. Het motiveert gebruikers ook om het artikel dat ze lezen af ​​te maken.

Veel populaire websites zoals ' The Daily Beast Gebruik de voortgangsindicatoren voor lezen om hun lezers te betrekken. U moet er echter ook voor zorgen dat de voortgangsindicator voor het lezen subtiel is en de gebruikerservaring op uw site niet verpest.

Daar gezegd, zien we hoe u gemakkelijk een leesprogressieve indicator voor uw WordPress-artikelen kunt toevoegen.

Hoe voeg je een voortgangsbalk toe op WordPress

Het eerste wat u hoeft te doen, is de plug-in installeren en activeren " De moeite waard om te lezen ". Voor meer informatie bekijk onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in.

Na activering moet u ' Instellingen> De moeite waard om te lezen Om de plug-in te configureren.

De Read-plugin configuratie waard

Allereerst moet u de voortgangsbalk voor lezen activeren door de optie " activeren "(Inschakelen). Daarna moet u de locatie selecteren waar u de voortgangsbalk wilt weergeven.

De standaardoptie toont de bovenstaande balk, het is de keuze uit meerdere websites. U kunt dit wijzigen om de voortgangsbalk rechts, links of onderaan de pagina weer te geven.

Met de plug-in kunt u de voor- en achtergrondkleuren van de voortgangsbalk kiezen die overeenkomen met uw WordPress theme. De achtergrondkleur wordt gebruikt om de lege voortgangsbalk te vullen en de voorgrondkleur wordt gebruikt om de voortgang te laten zien die de gebruiker maakt door over de pagina te scrollen.

U kunt ook opmerkingen toevoegen over de totale lengte van de voortgangsbalk door de optie " sluit opmerkingen in ". Als u opmerkingen toevoegt, kunt u ook een andere achtergrondkleur kiezen voor het voortgangsgebied van de opmerking.

Met de laatste optie op de pagina kunt u een transparante achtergrond gebruiken voor de voortgangsbalk. Als u deze optie selecteert, wordt de achtergrondkleur overschreven en wordt alleen de voorgrondkleur weergegeven wanneer gebruikers door de pagina scrollen. Vergeet niet uw instellingen op te slaan als u klaar bent met configureren.

Dat was het voor deze tutorial. Ik hoop dat het je lukt om een ​​voortgangsbalk toe te voegen aan je WordPress blog.

WordPress vorderingsvoorbeeld

Deze plug-in werkt alleen op artikelen. U kunt deze functie niet gebruiken op aangepaste pagina's of publicatie-indelingen.

Aarzel niet om ons vragen te stellen.