Una barra di avanzamento della lettura mostra esattamente quanto hai scorso un articolo e quanto rimane. GutenKit presenta un blocco Barra di avanzamento della lettura che ti aiuta a ricordarti i tuoi progressi nella lettura e a rimanere motivato facilmente.

Vediamo come funziona il blocco.

Barra di avanzamento della lettura di GutenKit #

Dalla dashboard di WordPress apri la pagina/post in cui desideri utilizzare la barra di avanzamento della lettura.

Ora cerca e fai semplicemente clic/trascina e rilascia il blocco della barra di avanzamento della lettura di GutenKit.

Modifica della parte del contenuto #

Monitoraggio dei progressi: Per modificare il tracker dei progressi, utilizza la funzione seguente.

• Tipo di rilevatore – È possibile visualizzare la barra come forma orizzontale o circolare.
• Progressi relativi a – L'avanzamento può essere correlato all'intera pagina, al contenuto del post o al selettore.
  • Selettore- Se scegli il selettore, devi aggiungere l'ID CSS o la classe dell'elemento specifico per monitorarne l'avanzamento separatamente.
• Direzione – È possibile impostare la direzione di avanzamento su Sinistra o Destra.
• Mostra percentuale – Se vuoi mostrare la percentuale di avanzamento della lettura puoi abilitare il pulsante.
• Posizione percentuale – Imposta la posizione percentuale su Sinistra, Venter o Destra.

Stile #

Indicatore di progresso: Se vuoi modellare l'indicatore di avanzamento, puoi farlo da qui.

• Colore di sfondo - Cambia il colore di sfondo dell'indicatore in base alle tue preferenze.
• Colore - Scegli qualsiasi colore che si adatti all'indicatore.
• Confine - Personalizza il bordo con un bel colore e uno stile da qui.
• Raggio del confine – Ti consente di regolare il raggio del bordo dell'indicatore.

Sfondo del rilevatore: Questa opzione ti consente di personalizzare il colore di sfondo, il colore, l'altezza, il bordo, il raggio del bordo, l'ombra della casella e il riempimento del tracker.

Contenuto: Qui puoi modificare il colore del contenuto, la tipografia, l'ombra del testo e il margine.

Prospettiva finale #

Una barra di avanzamento della lettura personalizzata.