Hur man anpassar Tumblr Audio Player

Ljud är en av de sju olika inläggstyperna i Tumblr, och det finns en standardlayout och stil som används för widgeten som spelar ditt valda spår. Du kan ändra vissa aspekter av spelaren manuellt, både i fönstret för skapande av inlägg och genom att redigera HTML för ditt nuvarande Tumblr-tema, men vissa egenskaper ställs in av själva Tumblr-plattformen och kan inte redigeras. För att ändra HTML för ditt tema, klicka på "Redigera HTML" på anpassningsskärmen.

Alternativ för ljudinlägg

Ladda upp en ljudfil till Tumblr och om filen har spår, artist, album och albumkonst inbäddad visas denna information i fönstret för skapande av inlägg. Du kan redigera någon av dessa data efter behov och lägga till en bildtext om du vill. Som med alla andra Tumblr-inlägg kan du också lägga till taggar i inlägget. Samma fält visas om du länkar till ett externt ljudspår någon annanstans på webben, men om du bäddar in ett spår från en annan tjänst, som Spotify eller Soundcloud, kan du inte redigera metadata som är kopplade till spåret.

Ljudspelarens färg och storlekar

Tumblr erbjuder flera variabler som temaskapare kan använda för att ändra ljudspelarens utseende. Leta efter ett avsnitt i temat HTML som börjar "{block: AudioEmbed}." Det är här ljudspelarkoden börjar. Du kan infoga koden "{AudioEmbed-xxx}" för att ställa in storleken på ljudspelaren, där "xxx" är bredden i pixlar; välj mellan 250, 400, 500 och 640 pixlar i bredden. Du kan också använda koderna "{AudioPlayerWhite}", "{AudioPlayerGrey}" eller "{AudioPlayerBlack}" för att ställa in färgen på standardspelaren Tumblr.

Spela räkningar och ladda ner länkar

Med en annan variabel kan du visa hur många gånger ett visst spår har spelats: Använd "{PlayCount}" för ett enkelt nummer, "{FormattedPlayCount}" för ett nummer formaterat med komma, eller "{PlayCountWithLabel}" för ett formaterat nummer med en "spelar" -etikett. Om inlägget länkar till en ljudfil som är värd utanför Tumblr kan du använda taggen "{ExternalAudioURL}" för att rikta besökare mot den ursprungliga källan. Alla dessa variabler och länkar kan vara HTML- och kaskadformatsark efter eget val för att ändra utseende och layout på skärmen. Om du inte är bekväm med att skriva HTML och CSS på egen hand, studera några av Tumblrs gratis teman för att se hur författarna tillämpar dessa platshållare.

Spåra metadata

Variablerna "{AlbumArtURL}", "{Artist}", "" {Album} "och" {TrackName} "rapporterar tillbaka metadata för spåret som angivet (eller automatiskt ifyllt) i fönstret för skapande av inlägg. Det är upp till dig hur denna information visas på skärmen. Du kan välja att visa alla spårdetaljer eller dölja allt utom till exempel albumbilderna. Återigen kan du formatera textstorleken, storleken och färgen på dessa variabler med hjälp av HTML- och CSS-koden som tillämpas på bloggen. Det kan vara lättare att ändra den befintliga koden i stället för att börja om från början.