WP Reading Progress

Omschrijving

De leesvoortgangsbalk levert een super goede gebruikerservaring bij lange artikelen. Met name wanneer het de voortgang van het artikel accuraat toont, en niets anders. Dit is standaard bij enkele blogberichten en standaard ingeschakeld.

Aanpassingen:

  • Plaats bovenkant van scherm, onderkant van scherm of onder een sticky menu

  • Kies de kleur van de lees voortgangsbalk

  • Laat de balk op 0% beginnen zelfs als een deel van het artikel zichtbaar is

  • Kies berichttypen waar je de balk wil tonen, of zelfs afzonderlijke berichten

Gedrag:

  • De leesvoortgangsbalk start gelijkmatig op omdat een deel van de tekst al zichtbaar kan zijn, daarna zorgt een lichtgewicht bijwerk-functie dat hij snel reageert tijdens scrollen

  • Wanneer het sticky menu verdwijnt tijdens wijzigen van schermformaat of scrollen valt de voortgangsbalk automatisch terug naar de bovenkant van het scherm

  • Wanneer er geen enkel artikel is gevonden (door class namen of id) gebruikt het de hele pagina om de voortgang te berekenen.

  • Kleven aan een sticky element kan met absolute positionering (standaard) of relatieve (vink aan in de instellingen)

Dit is mijn zesde WordPress plugin maar mijn eerste die gratis beschikbaar is voor iedereen. Ik hoop dat je net zo veel plezier hebt bij het gebruik als ik bij het maken!

BELANGRIJKE MEDEDELINGEN:

  • css klassen ‘ruigehond006’ en ‘progress’ zullen in een volgende versie verdwijnen, gebruik ‘#ruigehond006_inner’ om de balk in css aan te wijzen.

Groet,
Joeri (ruige hond)

Schermafdrukken

  • Voorbeeld van de leesvoortgangsbalk op mijn fotografie blog
  • WP Reading Progress instellingen pagina
  • Activeer de balk voor een individueel bericht (wanneer dat berichttype niet is ingeschakeld)

Installatie

  1. Installeer de plugin door ‘Installeer nu’ hieronder te klikken, of de ‘Download’ knop, en plaats de wp-reading-progress map in je plugins map

  2. Standaard werkt het alleen op enkele blogberichten en is de kleur oranje

  3. Ga naar instellingen->WP Reading Progress om het aan te passen

Bij deïnstallatie verwijdert WP Reading Progress zijn eigen opties en post_meta data (indien aanwezig) zodat er niets achterblijft.

Beoordelingen

11 maart 2021
This Plugin works fine with Generatepress Theme. If u use the sticky navigation, then u can set: ".navigation-stick" in the top field and it works.
25 november 2020
Maybe someone find it helpful: if you are using WordPress and an Avada-Theme and you try to arrange the WP Reading Progress-Bar under a sticky menu insert ".fusion-header" and there you go... BIG BIG thanks to Joeri. He replied super fast and helped me fixing my issue. Great plugin, super useful and easy to manage. Cheers, Phil
17 mei 2020
Out of all of the progress bar plugins I could find, this is one only one which fulfilled all of my needs and is super lightweight!! I messaged the developer with a couple of specific queries, and his response was faultless. He went out of his way to help! I am very grateful and can't recommend enough. Thanks again Jeori.
Lees alle 10 beoordelingen

Bijdragers & ontwikkelaars

“WP Reading Progress” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“WP Reading Progress” is vertaald in 6 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “WP Reading Progress” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.3.7: added aria-role and aria-value updating for screenreaders

1.3.6: css naar head verplaatst om render blokkering te vermijden, optie ‘geen css’ toegevoegd als je het zelf wil afhandelen

1.3.5.: verbeterde functie om top positie te bepalen werkt in meer situaties, debounced het schermgrootte wijziging event

1.3.4: afhankelijkheid van jQuery verwijderd

1.3.3: opgelost implode verouderde kennisgeving

1.3.2: getBoundingClientRect werkt niet op iOS 8 en 9 (tenminste) opgelost, gebruik nu aangepaste functie hiervoor

1.3.1: enkele optimalisaties met betrekking tot de on scroll functie

1.3.0: plaatst zichzelf nu strak tegen het element met top-margin of automatisch bovenin wanneer het element is niet zichtbaar of weg

1.2.5: verbeterde fallback voor mobiel, rtl ondersteuning toegevoegd (html tag moet dir=”rtl” bevatten)

1.2.4: reguliere berichttype toegevoegd aan instellingen, fallback zoek bericht op id toegevoegd indien niet gevonden op klasse namen, optie toegevoegd om alleen op specifieke berichten te tonen

1.2.3: een fout opgelost initialiseren vensterhoogte op 0 bij laden pagina in sommige gevallen

1.2.2: compatibiliteit met themas verbeterd vwb het vinden van enkele artikelen

1.2.1: optie om op 0% te beginnen toegevoegd, voortgangsfunctie licht geoptimaliseerd

1.2.0: verbeterd gedrag bij wijzigen schermgrootte

1.1.0: identificeert het leesgedeelte van een enkel bericht voor alle post-types, terugval naar body wanneer niet in DOM gevonden

1.0.3: vertaling verbeterd, licentie indicatie gecorrigeerd

1.0.2: vertaald in het Nederlands

1.0.1: javascript en css verkleind, kwestie balk verdwijnt soms tijdelijk op een mobiel apparaat tijdens scrollen gerepareerd

1.0.0: vrijgeving