Il lettore audio è ciò che i tuoi visitatori vedono e cliccano. Puoi cambiare i colori, la posizione sulla pagina, le dimensioni e i controlli visualizzati. Visualizza le modifiche in anteprima dal vivo prima di salvare.
Apri la pagina delle impostazioni del lettore
Vai su Da testo a voce - TTSWP → Lettore. La pagina è organizzata in cinque sezioni:
- Posizione
- Colori
- Stile della barra di avanzamento
- Controlli visualizzati
- Anteprima dal vivo
Ogni modifica aggiorna l'anteprima in fondo alla pagina.
Posizione
Dove appare il lettore nei tuoi post. Scegli una opzione:
- Prima del titolo: sopra il titolo del post
- Dopo il titolo: tra il titolo e il primo paragrafo
- Dopo il contenuto: alla fine del post (predefinito)
- Prima dell'estratto: mostrato solo nelle visualizzazioni archivio o lista blog
- Dopo l'estratto: mostrato dopo i riepiloghi dei post negli archivi
- Footer fisso (PRO): ancorato in fondo alla pagina mentre il visitatore scorre
Per la maggior parte dei blog, Dopo il titolo o Dopo il contenuto funziona meglio. Vedi Lettore footer fisso per l'opzione barra ancorata.
Colori
Tre selettori di colore controllano l'aspetto del lettore:
- Sfondo: il colore della superficie del lettore
- Testo: colore del titolo e del display del tempo
- Accento / Riproduci: il pulsante play, il riempimento della barra di avanzamento e le icone attive
Scegli colori che corrispondano al tuo tema. L'anteprima si aggiorna in tempo reale.
Suggerimento: Se usi variabili CSS nel tuo tema, puoi sovrascrivere questi colori con CSS personalizzato. Vedi CSS personalizzato.
Stile della barra di avanzamento
Due opzioni:
- Lineare: una barra di avanzamento orizzontale standard (predefinita)
- Forma d'onda (PRO): una forma d'onda visiva in cui ogni post ottiene un pattern unico
La forma d'onda aggiunge personalità a ogni post e si adatta perfettamente ai contenuti in stile podcast. È basata su SVG e non aggiunge peso significativo alla pagina. Vedi Barra di avanzamento a forma d'onda.
Controlli visualizzati
Ogni controllo è un semplice interruttore on/off. Attivali quando vuoi che siano visibili, disattivali per un aspetto più pulito.
- Riproduci / pausa: sempre attivo (non può essere disattivato)
- Tempo corrente e durata
- Velocità di riproduzione (0.5x, 1x, 1.25x, 1.5x, 2x)
- Volume
- Scarica
- Loop
- Icona informazioni (mostra il nome della voce e la lingua)
Per l'accessibilita, ti consigliamo di lasciare attivi Display del tempo, Velocita e Scarica.
Anteprima dal vivo
In fondo alla pagina vedi esattamente cosa vedranno i tuoi visitatori. Un breve testo di esempio viene riprodotto quando clicchi. L'anteprima si aggiorna a ogni modifica.
Clicca Salva modifiche nella barra superiore quando sei soddisfatto. Le modifiche si applicano immediatamente a ogni post con audio.
Comportamento su mobile
Il lettore e reattivo e si adatta agli schermi piu piccoli:
- Sotto 480px: i controlli Scarica e Informazioni si comprimono in un menu
- Sotto 320px: i controlli Loop e Velocita si nascondono completamente, mantenendo Riproduci e Tempo
Cache CSS dinamica
Le scelte di colore vengono memorizzate nella cache per 12 ore per evitare di rigenerare il CSS a ogni caricamento di pagina. Quando salvi le modifiche, la cache si svuota automaticamente. Se vedi ancora i vecchi colori, aggiorna la pagina forzatamente (Ctrl+Shift+R).