Dzięki wtyczce Worth The Read w prosty i efektywny sposób poinformujemy użytkownika, na jakim etapie czytania się znajduje. W momencie przewijania strony (lub wpisu) w bardzo nienatrętny sposób wtyczka dodaje pasek postępu we wskazanym przez nas położeniu.
Na filmik po prawej stronie – tuż obok scrollbara przeglądarki – możesz zobaczyć efekt dzisiejszego wpisu.
1. Instalacja paska postępu czytania
Wtyczkę możemy zainstalować bezpośrednio z kokpitu przechodząc do Wtyczki→Dodaj nową a następnie klikając przycisk Zainstaluj teraz.
Po instalacji włączamy i przechodzimy do ustawień Wtyczki→Zainstalowane wtyczki→ Settings.
2. Konfiguracja paska postępu czytania
Aby wtyczka zadziałała poprawnie musimy ją skonfigurować. Trzeba włączyć gdzie ma się wyświetlać – czyli we wpisach (posts) i stronach(pages). Musimy jeszcze ustawić położenie (Placement) i kolor pierwszoplanowy paska postępu (Foreground) oraz opcjonalnie nieprzeźroczystość (opacity).
Pozostałe opcje konfiguracyjne ustawiamy według własnych preferencji, do wyboru mamy:
- szerokość lub wysokość w zależności od położenia (width)
- kolor tła (Background)
- przeźroczystość tła (Transparent Background)
- uwzględnienie komentarzy innym kolorem (Include Comments)
- efekt nieprzeźroczystości przy scrollowaniu (Mute)
A tak to wygląda dla błękitnego i zielonego paska postępu dla komentarzy wraz z białym tłem.
Na żywej stronie efekt jest jeszcze efektywniejszy! Pasek postępu ma bardzo ładną delikatną animację (jeżeli jej nie wyłączymy za pomocą Mute).
W przyszłości autor chce dodać do wtyczki informacje tekstową, z prognozowanym czasem do zakończenia czytania. Warto więc śledzić rozwój aby dodać nową funkcjonalność, gdy tylko będzie gotowa.
A Tobie również podoba się efekt tak jak mi?
Opublikowano 24 października 2016 w kategorii blog, poradnik, wordpress.