I když nemůžete změnit vzhled zvukového přehrávače na řídicím panelu Tumblr, můžete změnit vzhled zvukového přehrávače na vašem vlastním blogu pomocí možností a přizpůsobení Tumblr. Budete muset mít nějaké zkušenosti s HTML a CSS, protože musíte změnit své téma Tumblr, abyste změnili velikost zvukového přehrávače. Přesný způsob úpravy zvukového přehrávače se bude mezi tématy poněkud lišit, protože každý vývojář píše témata Tumblr odlišně. Proměnné Tumblr pro zvukové příspěvky jsou však vždy stejné, což zjednodušuje proces hledání CSS, které je třeba upravit.
Otevřete stránku přizpůsobení pro váš motiv Tumblr. Klikněte na odkaz „Upravit HTML“; toto se nachází napravo od miniatury motivu Tumblr, přímo pod názvem motivu.
Stisknutím kláves „Ctrl-F“ zahájíte vyhledávání a zadejte „{block: audio}“. Tím se dostanete do části motivu, kde tvůrce zadal nastavení zvukových příspěvků. Určete, jakou třídu CSS použil vývojář pro změnu velikosti zvukového přehrávače. Například pokud je příspěvek v prvku div, uvidíte atribut 'class = "audio-player",' kde "audio-player" je název třídy.
Vyhledejte název třídy s tečkou před ním, např. „.audiopřehrávač“. Období před názvem je způsob, jakým šablona stylů CSS identifikuje třídu. Toto hledání vás přenese do pravé části šablony stylů, kterou chcete upravit. Bude vypadat nějak takto, s hranatými závorkami vyplněnými pomocí CSS:
.audio přehrávač
Některá témata používají externě propojené šablony stylů, které nemůžete upravovat. Vypadají jako:
Pokud je to váš motiv, přidejte do značky, která upravuje zvukový přehrávač, atribut „style“. To vám umožní přidat vlastní CSS bez úpravy stávající šablony stylů. Značka může mít atribut „class“ i atribut „style“. Vypadá to asi takto:
Zadejte vlastnost „width:“ buď do třídy v šabloně stylů, nebo do atributu stylu pro následující značku. Pokud šablona stylů již má vlastnost „width“, upravte ji; nepřidávejte druhý. Výšku můžete určit také pomocí vlastnosti „height“. Pokud upravujete šablonu stylů, váš CSS bude vypadat nějak takto:
.audio-player {width: 100px; výška: 25px; }
Pokud jste do značky přidali změny atributu „style“, bude syntaxe:
Kliknutím na „Aktualizovat náhled“ zobrazíte, jak tyto změny ovlivní váš motiv. Motivy mohou být složité a změny nemusí vypadat tak, jak očekáváte. Může trvat několik pokusů, abyste audio přehrávač dostali přesně tak, jak chcete.
Až budete připraveni provést změny motivu ve svém blogu, klikněte na „Uložit“.
Tipy
Při zveřejňování hudby z jiného zdroje, například ze seznamu skladeb Soundcloud, můžete v tomto kódu změnit velikost zvukového přehrávače; není změněn vaším nastavením Tumblr.
Varování
Tento článek se týká možností motivů, které byly k dispozici v lednu 2014; možnosti se mohou s budoucími aktualizacemi webu Tumblr změnit.
