Come personalizzare il lettore audio di Tumblr

L'audio è uno dei sette diversi tipi di post in Tumblr e c'è un layout e uno stile predefiniti utilizzati per il widget che riproduce la traccia selezionata. Puoi modificare manualmente alcuni aspetti del player, sia nella finestra di creazione del post che modificando l'HTML del tuo tema Tumblr attuale, ma alcune caratteristiche sono impostate dalla piattaforma Tumblr stessa e non possono essere modificate. Per modificare l'HTML del tuo tema, fai clic su "Modifica HTML" nella schermata di personalizzazione.

Opzioni post audio

Carica un file audio su Tumblr e se il file contiene traccia, artista, album e copertina dell'album, queste informazioni vengono visualizzate nella finestra di creazione del post. Puoi modificare qualsiasi di questi dati come richiesto e aggiungere una didascalia se lo desideri. Come con qualsiasi altro post di Tumblr, puoi anche aggiungere tag al post. Gli stessi campi vengono visualizzati se ti colleghi a una traccia audio esterna altrove sul Web, ma se incorpori una traccia da un altro servizio, come Spotify o Soundcloud, non puoi modificare i metadati associati alla traccia.

Colore e dimensioni del lettore audio

Tumblr offre diverse variabili che i creatori di temi possono utilizzare per modificare l'aspetto del lettore audio. Cerca una sezione nel tema HTML che inizia con "{block:AudioEmbed}". Qui è dove inizia il codice del lettore audio. Puoi inserire il codice "{AudioEmbed-xxx}" per impostare la dimensione del lettore audio, dove "xxx" è la larghezza in pixel; scegli tra 250, 400, 500 e 640 pixel di larghezza. Puoi anche utilizzare i codici "{AudioPlayerWhite}", "{AudioPlayerGrey}" o "{AudioPlayerBlack}" per impostare il colore del lettore audio Tumblr predefinito.

Conteggi di gioco e link di download

Un'altra variabile consente di mostrare quante volte è stata riprodotta una determinata traccia: utilizzare "{PlayCount}" per un numero semplice, "{FormattedPlayCount}" per un numero formattato con virgole o "{PlayCountWithLabel}" per un numero formattato con un'etichetta "play". Se il post si collega a un file audio ospitato al di fuori di Tumblr, puoi utilizzare il tag "{ExternalAudioURL}" per indirizzare i visitatori verso la fonte originale. Tutte queste variabili e collegamenti possono essere HTML e fogli di stile a cascata di tua scelta per modificarne l'aspetto e il layout sullo schermo. Se non ti senti a tuo agio a scrivere HTML e CSS, studia alcuni dei temi gratuiti di Tumblr per vedere come gli autori applicano questi segnaposto.

Traccia metadati

Le variabili "{AlbumArtURL}", "{Artist}", "{Album}" e "{TrackName}" riportano i metadati per la traccia come inseriti (o compilati automaticamente) nella finestra di creazione del post. Sta a te come vengono mostrate queste informazioni sullo schermo. Puoi scegliere di visualizzare tutti i dettagli di una traccia o nascondere tutto tranne la copertina dell'album, ad esempio. Anche in questo caso, puoi formattare il carattere del testo, la dimensione e il colore di queste variabili utilizzando il codice HTML e CSS applicato al blog. Potresti trovare più semplice modificare il codice esistente piuttosto che ricominciare da capo.