8 cele mai bune pluginuri WordPress pentru bara de progres pentru citire (majoritatea sunt gratuite)

Doriți să adăugați o bară de progres de citire la WordPress?

O bară de progres pentru citire este o modalitate excelentă de a îmbunătăți experiența utilizatorului site-ului dvs., oferind cititorilor un indicator vizual al progresului lor printr-o postare.

Dacă doriți să adăugați unul pe site-ul dvs., există o mulțime de pluginuri excelente gratuite sau accesibile care vă ajută să adăugați o bară de progres și să potriviți designul acesteia cu restul site-ului dvs.

În această postare, am adunat 8 dintre opțiunile de top, dintre care 6 sunt complet gratuite.

Mai jos, vom împărtăși detalii pentru fiecare plugin, împreună cu o introducere rapidă a modului în care funcționează barele de progres și de ce pot fi benefice pentru site-ul dvs.

Ce este o bară de progres de citire?

O bară de progres de citire face aproape exact ceea ce spune numele – le permite vizitatorilor site-ului dvs. să vadă cât de mult au progresat prin conținutul postării dvs.

De obicei, veți lipi o bară orizontală în partea de sus sau de jos a paginii. Pe măsură ce utilizatorii parcurg postarea, bara se va „umple” pentru a indica cât de aproape sunt de sfârșitul conținutului.

Unele plugin-uri vă oferă, de asemenea, opțiunea de a crea o bară de progres verticală în stânga sau în dreapta conținutului. În aceste cazuri, arată aproape ca o bară de defilare. Cu toate acestea, diferența cheie este că bara de progres se va baza pe lungimea conținutului real, în timp ce bara de defilare a browserului se bazează pe întreaga lungime a paginii.

Iată două exemple reale ale modului tipic în care site-urile folosesc barele de progres pentru citirea...

HubSpot adaugă o bară de progres portocalie care apare direct sub antetul său lipicios:

Thrive Themes are o bară verde de progres de citire care apare și sub antetul lipicios:

Cu toate acestea, puteți experimenta diferite plasări ale barei de progres, în funcție de site-ul dvs.

De ce să adăugați o bară de progres de citire la WordPress?

La un nivel înalt, o bară de progres de citire este o modalitate de a îmbunătăți gradul de utilizare și experiența utilizatorului pe site-ul dvs., ceea ce poate avea efecte mai directe asupra unor valori importante, cum ar fi timpul pe pagină și rata de respingere.

În primul rând, să vorbim despre experiența utilizatorului în general.

Majoritatea oamenilor doresc să știe în ce se bagă înainte de a investi timp pentru a se implica cu postarea ta. Este un articol de 5 minute pe care îl pot citi între sarcini sau este un articol lung de 20 de minute care va necesita o concentrare serioasă?

O bară de progres oferă cititorilor o idee bună despre ce să se aștepte de la postarea dvs. atunci când încep să citească. Pentru a ajuta acest lucru, unele site-uri adaugă și un timp estimat de citire în plus față de bara de progres, pe care o acceptă mai multe dintre pluginurile de mai jos.

Odată ce vizitatorii dvs. încep să citească, bara de progres îi poate încuraja și să termine postarea. De exemplu, dacă un cititor vede că a trecut deja prin 80% din conținut, va fi încurajat să termine ultimele 20%, deoarece a trecut deja prin cea mai mare parte a postării.

Aceste îmbunătățiri ale experienței utilizatorului pot avea efecte pozitive asupra a două valori cheie:

• Timp de așteptare – încurajând cititorii să termine o postare odată ce au început să citească, puteți crește timpul pe care îl petrec pe pagină.
• Rata de respingere – prin creșterea timpului pe care vizitatorii îl petrec pe pagina ta, vei crește șansa ca un vizitator să continue să interacționeze cu site-ul tău (poate citind o altă postare), ceea ce poate ajuta la reducerea ratei de respingere.

Dacă combinați barele de progres cu alte tactici de îmbunătățire a experienței utilizatorului, cum ar fi structura de navigare de calitate și utilizarea inteligentă a paginației, puteți crea o experiență foarte plăcută și captivantă pentru vizitatori.

8 cele mai bune pluginuri WordPress pentru bara de progres pentru citire

Acum, să intrăm în cele mai bune 8 pluginuri WordPress pentru bara de progres pentru a vă ajuta să adăugați o bară de progres pentru citire pe site-ul dvs.

Deși puteți găsi pluginuri generice pentru bara de progres care vă permit să creați o bară de progres personalizată pentru orice, această postare se concentrează în mod special pe pluginuri care adaugă indicatori de progres de citire pe baza lungimii conținutului unei pagini.

În ceea ce privește prețul, 6 dintre aceste plugin-uri sunt complet gratuite, în timp ce cele 2 plugin-uri rămase sunt accesibile și adaugă o flexibilitate suplimentară pe care nu o veți găsi în majoritatea opțiunilor gratuite.

Cel mai bine, toate aceste plugin-uri ar trebui să funcționeze cu aproape orice temă WordPress.

Citiți contorul

Read Meter este un plugin pentru bara de progres de citire de la Brainstorm Force, aceeași echipă din spatele temei Astra WordPress populare (care a făcut lista noastră cu cele mai rapide teme WordPress).

Pluginul vă permite să adăugați automat o bară de progres de citire care se lipește în partea de sus sau de jos a paginii. De asemenea, aveți opțiunea de a afișa timpul estimat de citire al postării împreună cu bara de progres.

Iată tot ce veți obține cu Read Meter:

• Plasare de sus sau de jos – afișați bara de progres în partea de sus sau de jos a ecranului unui utilizator.
• Direcționarea tipului de postare – puteți alege să adăugați doar progresul de citire pentru anumite tipuri de postări (inclusiv tipuri de postări personalizate). De exemplu, îl puteți afișa în postările de blog, dar nu și în pagini.
• Timp de citire – adăugați automat timpul de citire estimat în diferite părți ale postării (de exemplu, sub titlu) sau plasați-l manual folosind un cod scurt.
• Culori personalizabile – puteți personaliza culorile și stilul fiecărui element pentru a se potrivi cu site-ul dvs.

Preț : Read Meter este 100% gratuit.

Bara de progres de citire

Alături de Read Meter, Reading progressbar este un alt dintre cele mai populare pluginuri pentru bara de progres la WordPress.org. Spre deosebire de Read Meter, totuși, acest plugin nu vă oferă opțiunea de a adăuga timpul estimat de citire - este exclusiv pentru bara de progres.

Cu toate acestea, vă oferă o flexibilitate suplimentară de direcționare pe care Read Meter nu o oferă. De exemplu, puteți direcționa bara de progres către anumite șabloane, pe lângă direcționarea tip post.

Iată tot ce veți obține cu bara de progres Reading:

• Poziționare flexibilă – puteți lipi automat bara de progres în partea de sus sau de jos a paginii. Sau, există și o opțiune de poziționare personalizată care vă permite să o lipiți de orice element CSS. De exemplu, dacă aveți un antet lipicios, îl puteți lipi sub meniul de navigare pentru antet, nu până la capăt în partea de sus a paginii (ca exemplul HubSpot de mai sus).
• Design personalizabil – modificați înălțimea și culorile barei de progres pentru a se potrivi cu site-ul dvs.
• Opțiuni de direcționare – puteți afișa bara de progres numai pe anumite șabloane și/sau tipuri de postări.

Preț : Citirea barei de progres este 100% gratuită.

Merită citit

Worth the Read este unul dintre cele mai personalizabile pluginuri WordPress pentru bara de progres, ceea ce îl face o opțiune grozavă dacă vi se pare că pluginurile anterioare sunt prea limitative.

Include câteva opțiuni unice de plasare și direcționare pe care majoritatea celorlalte plugin-uri nu le oferă, împreună cu alte atingeri unice. De asemenea, vă oferă opțiunea de a adăuga un timp estimat de citire, dacă preferați.

Iată tot ce vei obține cu Worth the Read:

• Opțiuni de poziționare orizontală sau verticală – includ o bară de progres orizontală în partea de sus sau de jos a ecranului SAU o bară de progres vertical în stânga sau dreapta ecranului. Opțiunea verticală este unică, deoarece majoritatea celorlalte plugin-uri nu o acceptă.
• Direcționarea tipului de postare – includeți bara de progres de citire numai pentru anumite tipuri de postări.
• Direcționarea dispozitivelor – aveți opțiunea de a dezactiva bara de progres pentru dispozitive mobile și tablete (sau desktop-uri).
• Progresul comentariilor – aveți opțiunea de a include comentarii în progresul lecturii, ceea ce poate fi plăcut dacă aveți secțiuni active de comentarii cu informații utile.
• Suport RTL – este unul dintre puținele pluginuri care vă permit să treceți la RTL, ceea ce poate fi grozav pentru site-urile în limbi RTL.
• Opțiuni de stil – personalizați culorile, grosimea, opacitatea și așa mai departe. Dacă ați activat comentariile, puteți chiar să utilizați o culoare separată pentru a indica când începe secțiunea de comentarii pe bara de progres.
• Timp de citire estimat – dacă activați timpul de citire, îi puteți personaliza funcționalitatea și îl puteți plasa automat sau manual folosind un cod scurt.

Preț : Merită citit este 100% gratuit.

Prindeți bara de progres de defilare

Catch Scroll Progress Bar este o altă opțiune ușoară pentru adăugarea unei bare de progres de bază pe site-ul dvs.

Menține lucrurile destul de simple, cu doar opțiunile minime de care aveți nevoie pentru a plasa și a vă stila bara de progres.

Iată tot ce veți obține cu Catch Scroll Progress Bar:

• Poziție de sus sau de jos – lipiți bara de progres în partea de sus sau de jos a paginii.
• Direcționarea tipului de postare – adăugați bara de progres numai la anumite tipuri de postări.
• Direcționarea șabloanelor – în cadrul acestor tipuri de postări, afișați-l doar pe anumite șabloane. De exemplu, îl puteți adăuga la postări individuale, dar nu și la pagina de arhivă.
• Opțiuni de culoare și stil – personalizați culorile, opacitatea și înălțimea barei de progres.

Preț : Bara de progres Catch Scroll este 100% gratuită.

Progresul citirii WP

WP Reading Progress este un alt plugin gratuit pentru bara de progres WordPress, care este disponibil la WordPress.org.

La fel ca și pluginul anterior, vă oferă doar setările minime necesare pentru a vă personaliza bara de progres de citire. Dar pentru majoritatea oamenilor, asta este tot ce ai nevoie, ceea ce o face o altă opțiune solidă.

Iată tot ce veți obține cu WP Reading Progress:

• Poziționare flexibilă – lipiți automat bara în partea de sus sau de jos a paginii. Sau îl puteți lipi manual de orice selector CSS.
• Direcționarea tipului de postare – includeți o bară de progres numai pentru anumite tipuri de postări. Există, de asemenea, o opțiune de activare/dezactivare pe paginile de arhivă.
• Personalizare stil – puteți personaliza culoarea și grosimea barei de progres. Cu toate acestea , puteți alege doar o singură culoare și nu există opțiuni pentru opacitate.

Preț : WP Reading Progress este 100% gratuit.

Timp de citit

Reading Time este primul plugin de progres de citire din această listă care vine doar într-o versiune premium.

Cu toate acestea, este încă destul de accesibil și oferă actualizări pe viață prin intermediul pieței CodeCanyon de la Envato.

Există 2 motive principale pentru care ați putea dori să luați în considerare timpul de lectură față de alternativele gratuite:

• Peste 8 stiluri prestabilite – aveți câteva opțiuni de stil unice, cum ar fi utilizarea barelor verticale în loc de o umplere solidă în interiorul barei de progres (imaginea de mai sus).
• Reguli avansate de direcționare – dincolo de direcționarea tipurilor de postări și a șabloanelor, vă puteți direcționa barele de progres după reguli foarte specifice, cum ar fi roluri de utilizator, adrese URL, dispozitive și multe altele.

De asemenea, primești toate caracteristicile „standard” la care te-ai aștepta de la un plugin:

• Poziționare flexibilă – pe lângă plasarea automată de sus sau de jos, poți folosi și poziționarea personalizată pentru a lipi bara de progres la orice selector CSS.
• Opțiuni de stil – dincolo de cele 8+ stiluri prestabilite, aveți și opțiuni generale pentru a personaliza culorile și înălțimea barei de progres.

Preț : Timpul de citire costă 15 USD, care vine cu actualizări pe viață pentru un singur site și 6 luni de asistență.

Indicator de poziție de citire

Indicatorul de poziție de citire este un alt plugin gratuit pentru bară de progres la WordPress.org.

Nu vă oferă o mulțime de setări, dar o opțiune unică este că vă permite să utilizați un gradient personalizat pentru bara de progres de citire (în plus față de o culoare solidă).

Iată tot ce veți obține cu Indicatorul de poziție de citire:

• Poziția de sus sau de jos – nu există nicio direcționare a selectorului CSS, dar puteți adăuga o compensare.
• Direcționarea tipului de postare – direcționați bara de progres către anumite tipuri de postări.
• Opțiuni de personalizare a stilului – alegeți dintre stilurile de culoare solidă sau gradient. De asemenea, puteți regla grosimea barei de progres.

Preț : Indicatorul de poziție de citire este 100% gratuit.

ReBar

ReBar este un alt plugin WordPress pentru bara de progres de citire premium care este vândut prin piața CodeCanyon de la Envato.

Ca și în cazul Reading Time, iată câteva dintre caracteristicile unice pe care le oferă și care ar putea face ca merită să cheltuiți banii:

• Peste 8 stiluri prestabilite – obțineți o serie de stiluri unice care depășesc umplerile cu culori solide, cum ar fi plastic, degrade, stil iOS și multe altele.
• Reguli avansate de direcționare – dincolo de direcționarea tipurilor de postări, vă puteți direcționa barele de progres după reguli foarte specifice, cum ar fi roluri de utilizator, adrese URL, dispozitive și multe altele.
• Suport pentru defilare infinită - ReBar încă funcționează cu aspecte de defilare infinite, ceea ce îl face o opțiune excelentă pentru acele site-uri. Puteți defini zona de defilare pe baza selectoarelor CSS și va genera o bară de progres unică pentru fiecare postare din derularea infinită.

Iată câteva alte caracteristici notabile:

• Stiluri orizontale și verticale – plasați o bară de progres orizontală în partea de sus sau de jos a paginii SAU plasați o bară de progres vertical în partea stângă sau dreaptă a paginii.
• Stiluri personalizabile – pe lângă cele 8+ stiluri prestabilite, puteți personaliza și culorile și înălțimea/lățimea barei de progres.
• Suport RTL – puteți inversa bara de progres pentru limbile RTL.

Preț : ReBar costă 15 USD, care vine cu actualizări pe viață pentru un singur site și 6 luni de asistență.

Consultați aceste pluginuri gratuite și ușor de utilizat pentru bara de progres de citire - dintre care 6 sunt complet gratuite! Faceți clic pentru a trimite pe Tweet

rezumat

Asta încheie colecția noastră de cele mai bune 8 plugin-uri WordPress pentru bara de progres pentru citire.

Pentru cele mai simple opțiuni de adăugare a unei bare de progres de bază, puteți lua în considerare pluginuri precum Read Meter sau Reading progressbar.

Pe de altă parte, dacă doriți cea mai mare personalizare gratuită, poate doriți să începeți cu Worth the Read, deoarece include o serie de opțiuni și caracteristici unice pe care alte plugin-uri nu le oferă.

Dacă doriți să depășiți o culoare de umplere solidă pentru bara de progres, s-ar putea să doriți să luați în considerare și opțiunile premium de la CodeCanyon - fie Reading Time, fie ReBar. Din nou, cele mai unice detalii despre aceste plugin-uri sunt că ambele vin cu peste 8 stiluri prestabilite și opțiuni de direcționare mult mai avansate.

Fiecare plugin are propria lui întorsătură unică când vine vorba de stil și caracteristici, așa că merită să le explorați pe toate pentru a găsi opțiunea potrivită pentru site-ul dvs.

Cele mai multe dintre ele au versiuni gratuite la WordPress.org, ceea ce facilitează testarea lor. Dacă vă găzduiți site-ul cu Kinsta, puteți crea cu ușurință un site de pregătire pentru a testa în siguranță cum va arăta fiecare plugin pe site-ul dvs.

Pentru a găsi alte plugin-uri care vă pot îmbunătăți site-ul, puteți, de asemenea, să răsfoiți lista noastră completă cu cele mai bune plugin-uri WordPress.