Si bien no puede cambiar la apariencia del reproductor de audio en el panel de Tumblr, puede cambiar el aspecto del reproductor de audio en su propio blog utilizando el tema de Tumblr y las opciones de personalización. Deberá tener algo de experiencia con HTML y CSS, ya que debe modificar su tema de Tumblr para cambiar el tamaño del reproductor de audio. La forma exacta en que se modifica el reproductor de audio variará algo entre los temas, ya que cada desarrollador escribe los temas de Tumblr de manera diferente. Sin embargo, las variables de Tumblr para las publicaciones de audio son siempre las mismas, lo que simplifica el proceso de encontrar el CSS que debe modificarse.
Abra la página de personalización para su tema de Tumblr. Haga clic en el enlace "Editar HTML"; se encuentra a la derecha de la miniatura del tema de Tumblr, directamente debajo del nombre del tema.
Presiona "Ctrl-F" para iniciar una búsqueda e ingresa "{block: audio}". Esto lo lleva a la parte del tema donde el creador ingresó la configuración para las publicaciones de audio. Determine qué clase de CSS usó el desarrollador para dimensionar el reproductor de audio. Por ejemplo, si la publicación está dentro de un elemento div, verá el atributo 'class = "audio-player",' donde "audio-player" es el nombre de la clase.
Busque el nombre de la clase con un punto delante, p. Ej. ".reproductor de música". El período antes del nombre es cómo una hoja de estilo CSS identifica una clase. Esta búsqueda lo llevará a la parte derecha de la hoja de estilo para editar. Se verá más o menos así, con los corchetes rellenados con CSS:
.reproductor de música {}
Algunos temas utilizan hojas de estilo vinculadas externamente que no se pueden editar. Estos se parecen a:
Si este es el caso de su tema, agregue el atributo "estilo" a la etiqueta que modifica el reproductor de audio. Esto le permite agregar su propio CSS sin modificar la hoja de estilo existente. Una etiqueta puede tener un atributo de "clase" y un atributo de "estilo". Esto se vería algo así como:
Ingrese la propiedad "ancho:" para la clase dentro de la hoja de estilo o para el atributo de estilo para la etiqueta contenedora. Si la hoja de estilo ya tiene una propiedad de "ancho", modifíquela; no agregue un segundo. También puede determinar la altura con la propiedad "altura". Si está modificando la hoja de estilo, su CSS se vería así:
.audio-player {ancho: 100px; altura: 25px; }
Si agregó los cambios al atributo "estilo" de la etiqueta, la sintaxis es:
Haga clic en "Actualizar vista previa" para ver cómo esos cambios afectan su tema. Los temas pueden ser complejos y es posible que los cambios no aparezcan de la forma esperada. Puede que sean necesarios varios intentos para que el reproductor de audio esté exactamente como lo desea.
Haga clic en "Guardar" cuando esté listo para enviar los cambios de tema a su blog.
Consejos
Al publicar música de otra fuente, como una lista de reproducción de Soundcloud, puede cambiar el tamaño del reproductor de audio en ese código; la configuración de Tumblr no la modifica.
Advertencias
Este artículo hace referencia a las opciones de temas que estaban disponibles en enero de 2014; las opciones pueden cambiar con futuras actualizaciones del sitio web de Tumblr.
