Въпреки че не можете да промените външния вид на аудио плейъра на таблото за управление на Tumblr, можете да промените начина, по който аудио плейърът изглежда във вашия собствен блог, като използвате темата и опциите за персонализиране на Tumblr. Ще трябва да имате известен опит с HTML и CSS, тъй като трябва да промените темата на Tumblr, за да промените размера на аудио плейъра. Как точно се модифицира аудио плейърът, ще се различава донякъде между темите, тъй като всеки разработчик пише теми на Tumblr по различен начин. Променливите на Tumblr за аудио публикациите обаче са винаги еднакви, което опростява процеса на намиране на CSS, който трябва да бъде модифициран.
Отворете страницата за персонализиране за вашата тема на Tumblr. Щракнете върху връзката „Редактиране на HTML“; това се намира вдясно от миниатюрата на вашата тема на Tumblr, точно под името на темата.
Натиснете "Ctrl-F", за да започнете търсене, и въведете "{block: audio}". Това ще ви отведе до частта от темата, където създателят е въвел настройките за аудио публикации. Определете какъв клас на CSS разработчикът използва за оразмеряване на аудио плейъра. Например, ако публикацията е в div елемент, ще видите атрибута 'class = "audio-player", където "audio-player" е името на класа.
Потърсете името на класа с точка пред него, напр. ".аудио плейър". Периодът преди името е как CSS таблицата със стилове идентифицира клас. Това търсене ще ви отведе до дясната част на таблицата със стилове за редактиране. Ще изглежда нещо подобно със скобите, попълнени с CSS:
.audio-player {}
Някои теми използват външно свързани стилове, които не можете да редактирате. Те изглеждат като:
Ако случаят е такъв за вашата тема, добавете атрибута „стил“ към маркера, който модифицира аудио плейъра. Това ви позволява да добавяте свой собствен CSS, без да променяте съществуващата таблица със стилове. Етикетът може да има както атрибут "клас", така и атрибут "стил". Това би изглеждало по следния начин:
Въведете свойството "width:" или в класа в таблицата със стилове, или в атрибута на стила за съдържащия маркер. Ако таблицата със стилове вече има свойство "width", променете това; не добавяйте втора. Можете също да определите височина със свойството "височина". Ако модифицирате таблицата със стилове, вашият CSS ще изглежда по следния начин:
.аудио плейър {ширина: 100px; височина: 25px; }
Ако сте добавили промените към атрибута "style" към маркера, синтаксисът е:
Щракнете върху „Преглед на актуализацията“, за да видите как тези промени влияят върху вашата тема. Темите могат да бъдат сложни и промените може да не се появят по начина, по който очаквате. Може да отнеме няколко опита, за да получите аудио плейъра точно както искате.
Щракнете върху „Запазване“, когато сте готови да извършите промените в темата във вашия блог.
Съвети
Когато публикувате музика от друг източник, като плейлист Soundcloud, можете да промените размера на аудио плейъра в този код; не се променя от настройките ви на Tumblr.
Предупреждения
Тази статия се отнася до опции за теми, които бяха на разположение през януари 2014 г .; опциите могат да се променят с бъдещи актуализации на уебсайта на Tumblr.
