Kako spremeniti velikost glasbenega seznama predvajanja za Tumblr

Čeprav na nadzorni plošči Tumblr ne morete spremeniti videza predvajalnika zvoka, lahko s temo in možnostmi prilagajanja spremenite videz predvajalnika zvoka v svojem spletnem dnevniku. Morali boste imeti nekaj izkušenj s HTML in CSS, saj morate spremeniti temo Tumblr, da spremenite velikost zvočnega predvajalnika. Način spreminjanja avdio predvajalnika se bo med temami nekoliko razlikoval, saj vsak razvijalec teme Tumblr piše drugače. Vendar so spremenljivke Tumblr za zvočne objave vedno enake, kar poenostavi postopek iskanja CSS, ki ga je treba spremeniti.

Odprite stran za prilagajanje teme Tumblr. Kliknite povezavo "Uredi HTML"; ta se nahaja na desni strani sličice teme Tumblr, neposredno pod imenom teme.

Pritisnite "Ctrl-F", da začnete iskanje, in vnesite "{block: audio}". To vas pripelje do dela teme, kjer je ustvarjalec vnesel nastavitve zvočnih objav. Ugotovite, kateri razred CSS je razvijalec uporabil za velikost predvajalnika zvoka. Če je na primer objava znotraj elementa div, boste videli atribut 'class = "audio-player",' kjer je "audio-player" ime razreda.

Poiščite ime predavanja z piko pred njim, npr. ".audio-predvajalnik". Obdobje pred imenom je, kako slog s CSS identificira razred. To iskanje vas bo pripeljalo do pravega dela slogovnega lista, ki ga želite urediti. Videti bo nekako takole, z oklepaji, zapolnjenimi s CSS:

.audio-predvajalnik {}

Nekatere teme uporabljajo zunanje povezane slogovne liste, ki jih ne morete urejati. Ti so videti tako:

Če je temu tako za vašo temo, dodajte oznako »slog« oznaki, ki spreminja predvajalnik zvoka. To vam omogoča, da dodate svoj CSS brez spreminjanja obstoječega sloga. Oznaka ima lahko atribut »class« in »style«. To bi izgledalo nekako takole:

Vnesite lastnost "width:" v razred v slogu ali v atribut sloga za vsebovano oznako. Če tabela slogi že ima lastnost "width", jo spremenite; ne dodajajte drugega. Višino lahko določite tudi z lastnostjo "height". Če spreminjate tabelo slogov, bi bil vaš CSS videti nekako tako:

.audio-predvajalnik {širina: 100px; višina: 25px; }

Če ste oznaki dodali spremembe atributa "style", je sintaksa:

Kliknite »Posodobi predogled«, da vidite, kako spremembe vplivajo na vašo temo. Teme so lahko zapletene in spremembe morda ne bodo videti tako, kot pričakujete. Traja lahko več poskusov, da predvajalnik zvoka dobite točno tako, kot želite.

Kliknite "Shrani", ko ste pripravljeni na objavo sprememb teme v svojem blogu.

Nasveti

Ko objavljate glasbo iz drugega vira, na primer seznama predvajanja Soundcloud, lahko spremenite velikost predvajalnika zvoka v tej kodi; ne spreminjajo ga vaše nastavitve Tumblr.

Opozorila

Ta članek se nanaša na možnosti tem, ki so bile na voljo januarja 2014; možnosti se lahko spremenijo s prihodnjimi posodobitvami spletnega mesta Tumblr.