Cum să redimensionezi playerul audio pe blogul tău Tumblr

Deși nu poți schimba aspectul playerului audio pe tabloul de bord Tumblr, poți modifica cum arată playerul pe propriul tău blog prin temele și opțiunile de personalizare Tumblr. Pentru asta vei avea nevoie de experiență în HTML și CSS, deoarece trebuie să modifici tema Tumblr pentru a schimba dimensiunea playerului audio. Modul exact de modificare variază în funcție de temă, deoarece fiecare dezvoltator scrie temele Tumblr diferit. Totuși, variabilele Tumblr pentru postările audio sunt întotdeauna aceleași, ceea ce simplifică găsirea CSS-ului care trebuie modificat.

Deschide pagina de personalizare a temei tale Tumblr. Fă clic pe linkul "Edit HTML"; acesta se află pe dreapta miniaturii temei, direct sub numele temei.

Apasă "Ctrl‑F" pentru a iniția căutarea și introdu "{block:audio}". Aceasta te duce la secțiunea temei unde creatorul a setat opțiunile pentru postările audio. Identifică ce clasă CSS a folosit dezvoltatorul pentru a dimensiona playerul audio. De exemplu, dacă postarea se află într-un element div, vei vedea atributul `class="audio-player"`, unde „audio-player” este numele clasei.

Caută numele clasei adăugând un punct înainte, de ex. `.audio-player`. Punctul înainte de nume este modul în care un fișier CSS identifică o clasă. Această căutare te va duce la porțiunea corespunzătoare a stilului pe care să o editezi. Va arăta cam așa, cu acoladele completate cu cod CSS: .audio-player {}

Unele teme utilizează fișiere CSS externe pe care nu le poți edita. Acestea arată astfel:
<link rel="stylesheet" type="text/css" href="stylesheet.css">

Dacă tema ta se încadrează în această situație, adaugă atributul `style` la eticheta care modifică playerul audio. Acest lucru îți permite să adaugi CSS propriu fără a modifica fișierul existent. O etichetă poate avea atât atributul `class`, cât și `style`. Ar arăta cam așa:
<div class="audio-player" style="">

Adaugă proprietatea `width:` fie în clasa din fișierul CSS, fie în atributul `style` al etichetei. Dacă fișierul deja conține o proprietate `width`, modific-o; nu adăuga o a doua. Poți seta și înălțimea cu proprietatea `height`. Dacă modifici fișierul CSS, codul ar putea arăta așa:
.audio-player { width:100px; height:25px; }

Dacă ai adăugat modificările în atributul `style` al etichetei, sintaxa este:
<div class="audio-player" style="width:100px;height:25px;">

Apasă "Update Preview" pentru a vedea cum afectează aceste modificări tema ta. Temele pot fi complexe, iar schimbările pot să nu apară exact așa cum te aștepți. Poate fi necesar să încerci de câteva ori pentru a obține playerul audio în dimensiunea dorită.

Apasă "Save" când ești gata să salvezi modificările temei pe blogul tău.

Sugestii

Când postezi muzică de pe alte surse, cum ar fi un playlist SoundCloud, poți modifica dimensiunea playerului audio direct în codul respectiv; aceasta nu este influențată de setările Tumblr.

Avertismente

Articolul se referă la opțiunile temei disponibile în ianuarie 2014; acestea pot suferi modificări odată cu actualizările viitoare ale site-ului Tumblr.