Även om du inte kan ändra ljudspelarens utseende på Tumblr-instrumentpanelen kan du ändra hur ljudspelaren ser ut på din egen blogg med hjälp av Tumblrs teman och anpassningsalternativ. Du måste ha lite erfarenhet av HTML och CSS, eftersom du måste ändra ditt Tumblr-tema för att ändra ljudspelarens storlek. Exakt hur ljudspelaren modifieras varierar något mellan teman, eftersom varje utvecklare skriver Tumblr-teman annorlunda. Tumblr-variablerna för ljudposter är dock alltid desamma, vilket förenklar processen att hitta CSS som måste ändras.
Öppna anpassningssidan för ditt Tumblr-tema. Klicka på länken "Redigera HTML". detta ligger till höger om miniatyrbilden för Tumblr-temat, direkt under namnet på temat.
Tryck på "Ctrl-F" för att starta en sökning och skriv "{block: audio}". Detta tar dig till den del av temat där skaparen angav inställningarna för ljudinlägg. Bestäm vilken CSS-klass utvecklaren använde för att dimensionera ljudspelaren. Till exempel, om inlägget ligger inom ett div-element, ser du attributet 'class = "audio-player",' där "audio-player" är klassens namn.
Sök efter klassnamnet med en punkt framför, t.ex. ".ljudspelare". Perioden före namnet är hur ett CSS-formatmall identifierar en klass. Denna sökning tar dig till rätt del av formatmallen för att redigera. Det kommer att se ut så här med hakparenteserna fyllda med CSS:
.ljudspelare {}
Vissa teman använder externlänkade formatmallar som du inte kan redigera. Dessa ser ut som:
Om detta är fallet för ditt tema, lägg till attributet "stil" i taggen som ändrar ljudspelaren. Detta gör att du kan lägga till din egen CSS utan att ändra det befintliga formatmallen. En tagg kan ha både attributet "class" och "style". Det här ser ut ungefär som:
Ange egenskapen "width:" till antingen klassen i stilarket eller till stilattributet för den innehållande taggen. Om stilarket redan har en "bredd" -egenskap, ändra det; lägg inte till en andra. Du kan också bestämma höjd med egenskapen "höjd". Om du ändrar formatmallen ser din CSS ut ungefär så här:
.ljudspelare {bredd: 100px; höjd: 25px; }
Om du har lagt till ändringarna i attributet "style" i taggen är syntaxen:
Klicka på "Uppdatera förhandsgranskning" för att se hur dessa ändringar påverkar ditt tema. Teman kan vara komplexa och förändringar kanske inte ser ut som du förväntar dig. Det kan ta flera försök att få ljudspelaren exakt hur du vill.
Klicka på "Spara" när du är redo att begå temaändringarna i din blogg.
Tips
När du lägger upp musik från en annan källa, till exempel en Soundcloud-spellista, kan du ändra storleken på ljudspelaren i den koden; det ändras inte av dina Tumblr-inställningar.
Varningar
Den här artikeln hänvisar till temalternativ som fanns tillgängliga i januari 2014; alternativ kan ändras med framtida uppdateringar av Tumblr-webbplatsen.
