WP Reading Progress

Beschrijving

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:

  • Location top of screen, bottom of screen or below a sticky menu.

  • Choose color of the reading progress bar.

  • Have the bar start at 0% even when part of the article is visible.

  • Select post types you wish the bar to appear, or individual posts.

Gedrag:

  • The reading progress bar has smooth initializing since part of the text may already be visible, after that a lightweight update-function ensures quick response while scrolling.

  • The bar can attach itself to any (sticky) element that you can define as an admin, the first selected visible element will be used.

  • When there is no (longer a) visible element to attach to, the bar displays at the top.

  • If there is no single article identified (by class names or id) it uses the whole page to calculate progress.

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!

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
Lees alle 12 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.4.0: compatible with fixed menus that consist of different elements depending on screen size, as long as they have a common selector

1.3.8: refactor javascript iets kleiner, scroll event listener passief maken

1.3.7: aria-rol en aria-waarde bijwerken voor schermlezers toegevoegd

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