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:

  • 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:

  • 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

  • When the sticky menu disappears during resizing or scrolling the progress bar automatically defaults to displaying at the top of the screen

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

  • Attachment to a sticky element can be either absolute (default) or relative (use the checkbox in settings)

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!

IMPORTANT NOTES:

  • css classes ‘ruigehond006’ and ‘progress’ are scheduled for removal in a next version, if you target the bar in css use ‘#ruigehond006_inner’.

  • Option ‘use whole page to calculate reading progress’ is scheduled for removal in a next version, unless someone really, really wants to use it (contact me).

Groet,
Joeri (ruige hond)

Schermafdrukken

  • Voorbeeld van de leesvoortgangsbalk op mijn fotografie blog
  • WP Reading Progress instellingen pagina
  • Activate the bar for an individual post (if that post type is not enabled)

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

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.
7 mei 2020
I tried several plugins for a read progress indicator. And out of all this is the best and the easiest. Setting up is pretty straightforward. Most importantly, the developer is super helpful and responsive unlike most of the free plugins out there. Totally recommended!
5 september 2019
Works like a charm. Is lightweight, only 2,5Kb of JS added to the frontend.
15 juni 2019
I want to thank you for creating this plugin. I had seen so any plugins that offer this function; but, many of them are not kept updated to be both flexible and support higher versions of PHP. Thanks for creating this beautiful plugin
Lees alle 6 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 1 taal. 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.2: bugfix getBoundingClientRect does not work on iOS 8 and 9 (at least), now using custom function for it

1.3.1: some optimizations regarding the on scroll function

1.3.0: now positions itself snugly to element using top-margin or fixed automatically to top when element is not in viewport or gone

1.2.5: improved fallback for mobile, added rtl support (html tag must contain dir=”rtl”)

1.2.4: added regular post type to settings, added fallback find post by id when not found by class names, added option to display on specific posts only

1.2.3: fixed bug initializing window height to 0 on page load in some cases

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: release