Sebbene non sia possibile modificare l'aspetto del lettore audio sulla dashboard di Tumblr, puoi modificare l'aspetto del lettore audio sul tuo blog utilizzando il tema di Tumblr e le opzioni di personalizzazione. Dovrai avere una certa esperienza con HTML e CSS, poiché devi modificare il tuo tema Tumblr per cambiare le dimensioni del lettore audio. Il modo esatto in cui viene modificato il lettore audio varierà in qualche modo tra i temi, poiché ogni sviluppatore scrive i temi di Tumblr in modo diverso. Tuttavia, le variabili di Tumblr per i post audio sono sempre le stesse, il che semplifica il processo di ricerca del CSS che deve essere modificato.
Apri la pagina di personalizzazione per il tuo tema Tumblr. Fare clic sul collegamento "Modifica HTML"; si trova a destra della miniatura del tema di Tumblr, direttamente sotto il nome del tema.
Premi "Ctrl-F" per avviare una ricerca e inserisci "{block:audio}". Questo ti porta alla parte del tema in cui il creatore ha inserito le impostazioni per i post audio. Determina quale classe CSS è stata utilizzata dallo sviluppatore per ridimensionare il lettore audio. Ad esempio, se il post si trova all'interno di un elemento div, vedrai l'attributo 'class="audio-player",' dove "audio-player" è il nome della classe.
Cerca il nome della classe con un punto davanti, ad es. ".lettore audio". Il punto prima del nome è il modo in cui un foglio di stile CSS identifica una classe. Questa ricerca ti porterà alla parte giusta del foglio di stile da modificare. Sarà simile a questo, con le parentesi compilate con CSS:
.lettore audio {}
Alcuni temi utilizzano fogli di stile collegati esternamente che non puoi modificare. Questi sembrano:
Se questo è il caso del tuo tema, aggiungi l'attributo "stile" al tag che modifica il lettore audio. Ciò ti consente di aggiungere il tuo CSS senza modificare il foglio di stile esistente. Un tag può avere sia un attributo "classe" che un attributo "stile". Questo assomiglierebbe a qualcosa del tipo:
Immettere la proprietà "width:" nella classe all'interno del foglio di stile o nell'attributo style per il tag contenitore. Se il foglio di stile ha già una proprietà "width", modificala; non aggiungerne una seconda. Puoi anche determinare l'altezza con la proprietà "altezza". Se stai modificando il foglio di stile, il tuo CSS sarà simile a:
.audio player { width:100px; altezza: 25px; }
Se hai aggiunto le modifiche all'attributo "stile" del tag, la sintassi è:
Fai clic su "Aggiorna anteprima" per vedere come tali modifiche influiscono sul tuo tema. I temi possono essere complessi e le modifiche potrebbero non apparire come previsto. Potrebbero essere necessari diversi tentativi per ottenere il lettore audio esattamente come desideri.
Fai clic su "Salva" quando sei pronto per salvare le modifiche al tema sul tuo blog.
Suggerimenti
Quando pubblichi musica da un'altra fonte, come una playlist Soundcloud, puoi modificare le dimensioni del lettore audio in quel codice; non viene modificato dalle impostazioni di Tumblr.
Avvertenze
Questo articolo fa riferimento alle opzioni del tema che erano disponibili a gennaio 2014; le opzioni possono cambiare con futuri aggiornamenti al sito web di Tumblr.
