Sebbene non sia possibile modificare l'aspetto del lettore audio sulla dashboard di Tumblr, è possibile modificare l'aspetto del lettore audio sul proprio blog utilizzando il tema di Tumblr e le opzioni di personalizzazione. Sarà necessario avere una certa esperienza con HTML e CSS, poiché è necessario modificare il tema Tumblr per modificare le dimensioni del lettore audio. Esattamente come il lettore audio viene modificato varierà leggermente tra i temi, poiché ogni sviluppatore scrive i temi di Tumblr in modo diverso. Tuttavia, le variabili 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. Fai clic sul link "Modifica HTML"; questo si trova a destra della miniatura del tema 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 dimensionare il lettore audio. Ad esempio, se il post si trova all'interno di un elemento div, vedrai l'attributo 'class \u003d "audio-player",' dove "audio-player" è il nome della classe.

Cerca la classe nome con un punto davanti, ad es ".lettore audio". Il periodo che precede il 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. Assomiglierà a questo, con le parentesi riempite con CSS:

.audio-player {}

Alcuni temi usano fogli di stile collegati esternamente che non puoi modificare. Questi sembrano:

& lt; link rel \u003d "stylesheet" type \u003d "text /css" href \u003d "stylesheet.css" & gt;

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 "class" che un attributo "style". Questo sarebbe simile al seguente:

& lt; div class \u003d "audio-player" style \u003d "" & gt;

Inserisci la proprietà "width:" alla classe all'interno del foglio di stile, oppure all'attributo di stile per il tag contenente. Se il foglio di stile ha già una proprietà "width", modificala; non aggiungerne un secondo. Puoi anche determinare l'altezza con la proprietà "height". Se stai modificando il foglio di stile, il tuo CSS sarebbe simile a:

.audio-player {larghezza: 100px; altezza: 25px; }

Se hai aggiunto le modifiche all'attributo "style" al tag, la sintassi è:

& lt; div class \u003d "audio-player" style \u003d "larghezza: 100px; altezza : 25px; "& gt;

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 eseguire il commit delle modifiche del tema sul tuo blog.

Suggerimenti

Quando pubblichi musica da un'altra fonte, come una playlist di 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 potrebbero cambiare con futuri aggiornamenti del sito Web di Tumblr.

• Precedente: Come aggiungere la narrazione a un video
• Prossimo: Modi migliori per pubblicare una playlist MP3 su Tumblr