Sådan tilpasses Tumblr Audio Player

Audio er en af ​​de syv forskellige indlægstyper i Tumblr, og der er et standardlayout og en stil, der bruges til den widget, der spiller dit valgte spor. Du kan manuelt ændre nogle aspekter af afspilleren, både i vinduet til oprettelse af indlæg og ved at redigere HTML for dit nuværende Tumblr-tema, men nogle egenskaber indstilles af selve Tumblr-platformen og kan ikke redigeres. For at ændre HTML for dit tema skal du klikke på "Rediger HTML" på tilpasningsskærmen.

Indstillinger for lydindlæg

Upload en lydfil til Tumblr, og hvis filen har spor, kunstner, album og albumgrafik indlejret, vises disse oplysninger i vinduet til oprettelse af indlæg. Du kan redigere enhver af disse data efter behov og tilføje en billedtekst, hvis du vil. Som med ethvert andet Tumblr-indlæg kan du også tilføje tags til indlægget. De samme felter vises, hvis du linker til et eksternt lydspor et andet sted på Internettet, men hvis du integrerer et spor fra en anden tjeneste, såsom Spotify eller Soundcloud, kan du ikke redigere metadataene, der er knyttet til sporet.

Audioafspiller farve og størrelser

Tumblr tilbyder flere variabler, som temaskabere kan bruge til at ændre lydafspillerens udseende. Kig efter et afsnit i temaet HTML, der starter "{block: AudioEmbed}." Det er her, lydafspillerens kode starter. Du kan indsætte koden "{AudioEmbed-xxx}" for at indstille lydafspillerens størrelse, hvor "xxx" er bredden i pixels; vælg mellem 250, 400, 500 og 640 pixels i bredden. Du kan også bruge koderne "{AudioPlayerWhite}", "{AudioPlayerGrey}" eller "{AudioPlayerBlack}" til at indstille farven på standard Tumblr-lydafspiller.

Afspil tæller og download links

En anden variabel giver dig mulighed for at vise, hvor mange gange et bestemt spor er blevet spillet: Brug "{PlayCount}" til et simpelt nummer, "{FormattedPlayCount}" til et nummer formateret med kommaer eller "{PlayCountWithLabel}" til et formateret nummer med et "spiller" -mærke. Hvis indlægget linker til en lydfil, der hostes uden for Tumblr, kan du bruge tagget "{ExternalAudioURL}" til at pege besøgende mod den oprindelige kilde. Alle disse variabler og links kan være HTML- og kaskadestilark efter eget valg for at ændre deres udseende og layout på skærmen. Hvis du ikke er fortrolig med at skrive HTML og CSS alene, skal du studere nogle af Tumblrs gratis temaer for at se, hvordan forfatterne anvender disse pladsholdere.

Spor metadata

Variablerne "{AlbumArtURL}", "{Artist}", "" {Album} "og" {TrackName} "rapporterer metadataene for sporet tilbage som indtastet (eller automatisk udfyldt) i postoprettelsesvinduet. Det er op til dig, hvordan disse oplysninger vises på skærmen. Du kan vælge at få vist alle sporets detaljer eller skjule alt undtagen f.eks. Albumbilleder. Igen kan du formatere skrifttypen, størrelsen og farven på disse variabler ved hjælp af HTML- og CSS-koden, der anvendes på bloggen. Det kan være lettere for dig at ændre den eksisterende kode i stedet for at starte igen fra bunden.