Hai mai notato come alcuni siti popolari visualizzano una barra di avanzamento leggendo gli articoli? Questa piccola barra indica agli utenti la lunghezza rimanente per raggiungere la fine di un articolo.

In questo tutorial, ti mostreremo come aggiungere una barra di avanzamento della lettura al tuo blog WordPress.

come aggiungere una barra di avanzamento della riproduzione su WordPress

Quando usare una barra di avanzamento della riproduzione

Gli utenti trascorrono solo pochi secondi su una pagina Web prima di decidere se partire o meno. Mantenere gli utenti coinvolti diventa difficile soprattutto quando si hanno oggetti lunghi perché sono tutti portati a scorrere verso il basso, il che per alcuni può essere noioso.

Alcuni proprietari di siti aggiungono articoli simili, altri li utilizzano video o gallerie di immagini per fidelizzare gli utenti.

Una barra di avanzamento della lettura aggiunge un po 'di miglioramento dell'interfaccia utente che incoraggia gli utenti a scorrere verso il basso. Inoltre, motiva gli utenti a finire l'articolo che stanno leggendo.

Molti siti Web popolari come " The Daily Beast Usa gli indicatori di progresso nella lettura per coinvolgere i lettori. Tuttavia, devi anche assicurarti che l'indicatore di avanzamento della lettura sia sottile e non rovini l'esperienza dell'utente sul tuo sito.

Detto questo, vedremo come aggiungere facilmente indicatore di avanzamento della riproduzione per i tuoi articoli WordPress.

Come aggiungere una barra di avanzamento su WordPress

La prima cosa che devi fare è installare e attivare il plugin " Vale la pena leggere ". Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l'attivazione, è necessario visitare " Impostazioni> Vale la pena leggere Per configurare il plugin.

Vale La configurazione plug Leggi

Prima di tutto, devi attivare la barra di avanzamento della riproduzione selezionando l'opzione " attivare "(Enable). Successivamente, è necessario selezionare la posizione in cui si desidera visualizzare la barra di avanzamento.

L'opzione predefinita mostra la barra sopra, è la scelta di diversi siti web. Puoi cambiarlo per mostrare la barra di avanzamento a destra, a sinistra o in fondo alla pagina.

Il plug-in ti consente di scegliere i colori di primo piano e di sfondo della barra di avanzamento in modo che corrispondano al tuo tema WordPress. Il colore di sfondo viene utilizzato per riempire la barra di avanzamento vuota e il colore di primo piano verrà utilizzato per mostrare i progressi che l'utente sta facendo scorrendo la pagina.

Puoi anche includere commenti sulla lunghezza totale della barra di avanzamento selezionando l'opzione " inserire commenti ". Se si includono commenti, è anche possibile scegliere un colore di sfondo diverso per l'area di avanzamento del commento.

L'ultima opzione nella pagina consente di utilizzare uno sfondo trasparente per la barra di avanzamento. Selezionando questa opzione si sovrascriverà il colore di sfondo e verrà visualizzato solo il colore di primo piano, quando gli utenti scorrono la pagina. Ricordati di salvare le tue impostazioni una volta completate le impostazioni.

Questo è tutto per questo tutorial. Spero che tu riesca ad aggiungere una barra di avanzamento sul tuo blog WordPress.

esempio progressione WordPress

Questo plugin funziona solo su articoli. Non è possibile utilizzare questa funzione su pagine personalizzate o formati di pubblicazione.

Se hai domande, non esitare a chiederci.