Embora não seja possível alterar a aparência do reprodutor de áudio no painel do Tumblr, você pode alterar a aparência do reprodutor de áudio em seu próprio blog usando o tema do Tumblr e as opções de personalização. Você precisará ter alguma experiência com HTML e CSS, já que deve modificar o tema do Tumblr para alterar o tamanho do reprodutor de áudio. Exatamente como o reprodutor de áudio é modificado varia um pouco entre os temas, já que cada desenvolvedor escreve temas do Tumblr de maneira diferente. No entanto, as variáveis do Tumblr para postagens de áudio são sempre as mesmas, o que simplifica o processo de localização do CSS que deve ser modificado.
Abra a página de personalização do seu tema Tumblr. Clique no link "Editar HTML"; ele está localizado à direita da miniatura do tema do Tumblr, logo abaixo do nome do tema.
Pressione "Ctrl-F" para iniciar uma pesquisa e digite "{block: audio}". Isso leva você para a parte do tema em que o criador inseriu as configurações para postagens de áudio. Determine qual classe CSS o desenvolvedor usou para dimensionar o reprodutor de áudio. Por exemplo, se a postagem estiver dentro de um elemento div, você verá o atributo 'class = "audio-player",' onde "audio-player" é o nome da classe.
Pesquise o nome da turma com um ponto na frente, por exemplo, ".Tocador de Áudio". O ponto antes do nome é como uma folha de estilo CSS identifica uma classe. Esta pesquisa o levará à parte direita da folha de estilo para editar. Será algo parecido com isto, com os colchetes preenchidos com CSS:
.Tocador de Áudio {}
Alguns temas usam folhas de estilo vinculadas externamente que você não pode editar. Eles se parecem com:
Se este for o caso do seu tema, adicione o atributo "estilo" à tag que modifica o reprodutor de áudio. Isso permite que você adicione seu próprio CSS sem modificar a folha de estilo existente. Uma tag pode ter um atributo "classe" e um atributo "estilo". Isso seria algo como:
Insira a propriedade "largura:" para a classe dentro da folha de estilo ou para o atributo de estilo da tag contida. Se a folha de estilo já tiver uma propriedade "largura", modifique-a; não adicione um segundo. Você também pode determinar a altura com a propriedade "height". Se você estiver modificando a folha de estilo, seu CSS será parecido com:
.audio-player {largura: 100px; altura: 25px; }
Se você adicionou as alterações ao atributo "estilo" à tag, a sintaxe é:
Clique em "Atualizar visualização" para ver como essas mudanças afetam o seu tema. Os temas podem ser complexos e as alterações podem não aparecer da maneira esperada. Podem ser necessárias várias tentativas para obter o reprodutor de áudio exatamente como você deseja.
Clique em "Salvar" quando estiver pronto para enviar as alterações do tema para o seu blog.
Pontas
Ao postar música de outra fonte, como uma lista de reprodução do Soundcloud, você pode alterar o tamanho do reprodutor de áudio nesse código; não é modificado pelas configurações do Tumblr.
Avisos
Este artigo se refere às opções de tema que estavam disponíveis em janeiro de 2014; as opções podem mudar com futuras atualizações do site do Tumblr.
