Как да промените размера на аудио плейъра в Tumblr

Въпреки че не можете да промените външния вид на аудио плейъра директно от таблото на Tumblr, можете да го направите в собствения си блог, като редактирате темата с помощта на HTML и CSS. За това е необходим базов опит с тези езици, тъй като ще променяте CSS‑а, отговарящ за плейъра.

1. Отворете редактора на темата

Отидете в Customize (Персонализиране) на вашата тема и кликнете върху линка "Edit HTML", който се намира под миниатюрата на темата.

2. Намерете CSS класа за аудио постовете

Натиснете Ctrl+F и потърсете {block:audio}. Това ще ви отведе до кода, който контролира аудио публикациите. Обърнете внимание на името на CSS класа – например class="audio-player". След това потърсете в CSS‑а .audio-player (точката пред името указва клас).

3. Променете размерите

Ако темата използва външен файл за стилове (<link rel="stylesheet" href="stylesheet.css">), можете да добавите style атрибут директно към елемента, например:

<div class="audio-player" style="width:100px;height:25px;">

Ако имате достъп до самия CSS, добавете или редактирайте свойствата width и height:

.audio-player { width:100px; height:25px; }

След като направите промените, кликнете върху "Update Preview", за да видите резултата. При нужда направете допълнителни корекции и след това запазете темата с "Save".

Съвети

Ако вграждате музика от външен източник (например SoundCloud), размерът на плейъра се задава в кода, предоставен от съответната услуга и не се променя от настройките на Tumblr.

Внимание

Този наръчник се базира на възможностите, налични през януари 2014 г. Функциите и настройките на Tumblr могат да се променят с бъдещи актуализации.