Jak zmienić rozmiar listy odtwarzania muzyki dla Tumblr

Chociaż nie możesz zmienić wyglądu odtwarzacza audio na pulpicie Tumblr, możesz zmienić wygląd odtwarzacza audio na swoim blogu za pomocą motywu Tumblra i opcji dostosowywania. Musisz mieć pewne doświadczenie z HTML i CSS, ponieważ musisz zmodyfikować motyw Tumblr, aby zmienić rozmiar odtwarzacza audio. Dokładnie to, w jaki sposób odtwarzacz audio jest modyfikowany, różni się nieco między tematami, ponieważ każdy programista inaczej pisze motywy Tumblra. Jednak zmienne Tumblr dla postów audio są zawsze takie same, co upraszcza proces znajdowania CSS, który należy zmodyfikować.

Otwórz stronę dostosowywania swojego motywu Tumblr. Kliknij link „Edytuj HTML”; znajduje się po prawej stronie miniatury tematu Tumblr, bezpośrednio pod nazwą motywu.

Naciśnij „Ctrl-F”, aby rozpocząć wyszukiwanie, i wpisz „{block: audio}”. Spowoduje to przejście do części motywu, w której twórca wprowadził ustawienia wpisów audio. Określ, jaką klasę CSS programista użył do rozmiaru odtwarzacza audio. Na przykład, jeśli post znajduje się w elemencie div, zobaczysz atrybut 'class = "odtwarzacz audio", "gdzie" odtwarzacz audio "jest nazwą klasy.

Wyszukaj klasę nazwa z kropką przed nim, np ".odtwarzacz muzyki". Okres przed nazwą określa, w jaki sposób arkusz stylów CSS identyfikuje klasę. To wyszukiwanie przeniesie Cię do właściwej części arkusza stylów w celu edycji. Będzie wyglądać mniej więcej tak, z nawiasami wypełnionymi CSS:

.audio {}

Niektóre motywy używają zewnętrznych arkuszy stylów, których nie można edytować. Wyglądają jak:

& lt; link rel = "stylesheet" type = "text /css" href = "stylesheet.css" & gt;

Jeśli tak jest w przypadku Twojego motywu, dodaj atrybut „styl” do znacznika, który modyfikuje odtwarzacz audio. Pozwala to na dodanie własnego CSS bez modyfikowania istniejącego arkusza stylów. Znacznik może mieć zarówno atrybut „klasa”, jak i atrybut „styl”. Wyglądałoby to tak:

& lt; div class = "audio-player" style = "" & gt;

Wprowadź właściwość „width:” do klasy w arkuszu stylów, lub do atrybutu stylu dla znacznika zawierającego. Jeśli arkusz stylów ma już właściwość „szerokość”, zmodyfikuj go; nie dodawaj drugiego. Możesz także określić wysokość za pomocą właściwości „wysokość”. Jeśli modyfikujesz arkusz stylów, Twój CSS wyglądałby następująco:

.audio-player {width: 100px; wysokość: 25px; }

Jeśli dodałeś zmiany do atrybutu "style" do znacznika, składnia jest następująca:

& lt; div class = "audio-player" style = "width: 100px; height : 25px; "& gt;

Kliknij„ Aktualizuj podgląd ”, aby zobaczyć, jak te zmiany wpływają na motyw. Motywy mogą być złożone, a zmiany mogą nie wyglądać tak, jak oczekujesz. Odtwarzacz audio może wymagać kilku prób dokładnie tak, jak chcesz.

Kliknij „Zapisz”, gdy będziesz gotowy zatwierdzić zmiany w swoim blogu.

Wskazówki

Podczas publikowania muzyki z innego źródła, takiego jak lista odtwarzania Soundcloud, możesz zmienić rozmiar odtwarzacza audio w tym kodzie; nie jest modyfikowany przez ustawienia Tumblra.

Ostrzeżenia

Ten artykuł odnosi się do opcji motywów dostępnych w styczniu 2014 r .; opcje mogą ulec zmianie wraz z przyszłymi aktualizacjami strony Tumblr.

URL:https://pl.whycomputer.com/media/100319390.html