Czy zauważyłeś kiedyś, jak niektóre popularne witryny wyświetlają pasek postępu czytający artykuły? Ten mały pasek informuje użytkowników o pozostałej długości do osiągnięcia końca artykułu.

W tym samouczku pokażemy, jak dodać pasek postępu czytania do twojego blog WordPress.

jak dodać pasek postępu czytania w WordPressie

Kiedy używać paska postępu

Użytkownicy spędzają tylko kilka sekund na stronie internetowej, zanim zdecydują, czy odejść, czy nie. Utrzymywanie zaangażowania użytkowników staje się trudne, szczególnie gdy ma się długie przedmioty, ponieważ wszystkie są przewijane w dół, co dla niektórych może być nudne.

Niektórzy właściciele witryn dodają podobne artykuły, inni korzystają metody interaktywne lub galerie zdjęć, aby zatrzymać użytkowników.

Pasek postępu czytania dodaje nieco ulepszenia interfejsu użytkownika, które zachęca użytkowników do przewijania w dół. Motywuje również użytkowników do dokończenia czytanego artykułu.

Wiele popularnych witryn takich jak „ The Daily Beast Użyj wskaźników postępu w czytaniu, aby zaangażować swoich czytelników. Musisz jednak również upewnić się, że wskaźnik postępu czytania jest subtelny i nie zrujnuje doświadczenia użytkownika w Twojej witrynie.

To powiedziawszy, zobaczymy, jak łatwo dodać wskaźnik postępu w czytaniu artykułów WordPress.

Jak dodać pasek postępu na WordPressie

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę „ Warto przeczytać ”. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić „ Ustawienia> Warto przeczytać Aby skonfigurować wtyczkę.

Wartość Konfiguracja wtyczki Read

Przede wszystkim musisz aktywować pasek postępu czytania, zaznaczając opcję „ aktywować (Włącz) Następnie musisz wybrać lokalizację, w której chcesz wyświetlić pasek postępu.

Domyślna opcja wyświetla pasek powyżej, jest to wybór kilku serwisów WWW. Możesz to zmienić, aby wyświetlić pasek postępu po prawej, lewej lub dolnej części strony.

Wtyczka pozwala wybrać kolory pierwszego planu i tła paska postępu, aby pasowały do ​​Twojego WordPress. Kolor tła jest używany do wypełnienia pustego paska postępu, a kolor pierwszego planu będzie używany do pokazania postępu, jaki robi użytkownik, przewijając stronę.

Możesz również dołączyć komentarze dotyczące całkowitej długości paska postępu, zaznaczając opcję „ zawierać komentarze ”. Jeśli dodasz komentarze, możesz także wybrać inny kolor tła dla obszaru postępu komentarza.

Ostatnia opcja na stronie pozwala na użycie przezroczystego tła dla paska postępu. Zaznaczenie tej opcji spowoduje nadpisanie koloru tła i podczas przewijania strony przez użytkowników będzie wyświetlany tylko kolor pierwszego planu. Pamiętaj, aby zapisać ustawienia po zakończeniu ustawień.

To wszystko w tym samouczku. Mam nadzieję, że uda Ci się dodać pasek postępu na swoim blog WordPress.

Przykład postępu WordPress

Ta wtyczka działa tylko na artykuły. Nie możesz używać tej funkcji na niestandardowych stronach lub formatach publikacji.

Jeśli masz jakieś pytania, nie wahaj się nas zapytać.