WordPress

Cómo Usar el Bloque de Audio de WordPress (Guía desde Cero para Principiantes)

El bloque de audio de WordPress te permite proporcionar archivos de audio reproducibles dentro de tus páginas y entradas. Los archivos de audio pueden añadirse desde tu biblioteca multimedia o desde una URL. Los usuarios pueden reproducir el audio desde sus navegadores o descargarlo para escucharlo sin conexión. Esta es una gran manera de proporcionar música, podcasts u otros tipos de archivos de audio para que sus visitantes los escuchen y utilicen.

En este artículo, veremos el bloque de audio y cómo funciona. También veremos cómo añadirlo a tus publicaciones y páginas, veremos los consejos y las mejores prácticas para utilizarlo, y veremos las preguntas más frecuentes.

Cómo añadir el bloque de audio a tu publicación o página

Para añadir un Bloque de Audio, haz clic en el Insertor de Bloques en el lugar donde quieras colocar el bloque o selecciónalo en la esquina superior izquierda. Busca Audio y haz clic en él.

Alternativamente, puedes escribir /audio y pulsar enter donde quieras colocar el bloque.

El bloque de audio se añadirá a tu contenido donde podrás añadir un archivo de audio para reproducir o descargar. Haga clic para cargar el archivo de audio, elíjalo de su biblioteca o introduzca una URL para el archivo.

Su archivo de audio se mostrará como un reproductor de audio completo con una leyenda en la que puede introducir el nombre u otra información sobre el archivo. Incluye las opciones básicas del reproductor de audio.

Al pasar por encima del icono del volumen se abre el control deslizante donde el usuario puede cambiar el nivel de volumen.

A la derecha hay tres puntos que abren opciones para el usuario. Este tiene un enlace de descarga.

Ajustes y opciones del bloque de audio

El bloque de audio incluye ajustes y opciones dentro del propio bloque y en la barra lateral derecha. Veamos ambos.

Barra de herramientas del bloque de audio

La barra de herramientas del bloque de audio se sitúa encima del bloque. Aparece cuando se selecciona el bloque e incluye menos herramientas que la mayoría de los bloques de WordPress.

Cambiar el tipo o estilo de bloque

Transforme el bloque en columnas, en un bloque de archivo para permitir a los usuarios descargar el audio como un archivo, o en un grupo al que se le puede aplicar un estilo. En este ejemplo, paso por encima de Archivo. Ofrece una vista previa de cómo se vería el archivo como un Bloque de Archivo.

Arrastrar y mover

La herramienta Arrastrar, el icono con 6 puntos, le permite arrastrar el bloque a cualquier lugar que desee. La herramienta Mover, las flechas hacia arriba y hacia abajo, mueve el bloque hacia arriba o hacia abajo un espacio de contenido cada vez que se hace clic en una flecha. Ambas ofrecen una forma sencilla de mover el bloque por el área de contenido.

Cambiar la alineación

Las opciones de alineación determinan la ubicación del bloque en la pantalla. Las opciones incluyen izquierda, derecha, ancho y ancho completo. La elección de la izquierda o la derecha lo coloca en ese lado de la pantalla y lo envuelve con el bloque de contenido debajo de él.

Se trata de la anchura amplia, que ocupa la mayor parte del ancho de la pantalla.

Reemplazar

Esta opción le permite reemplazar el archivo de audio sin borrar el bloque. Abra la biblioteca, cargue un archivo o introduzca la URL del archivo.

Opciones

La opción incluye la configuración estándar que se encuentra en la mayoría de los bloques de WordPress:

Ocultar más ajustes – oculta la barra lateral derecha.

Copiar – copia el bloque para que puedas pegarlo en otro lugar de tu contenido.

Duplicar – añade un duplicado del bloque debajo del original.

Insertar antes: coloca un espacio para un bloque antes del bloque.

Insertar después: coloca un espacio para un bloque después del bloque.

Mover a – permite mover el bloque utilizando una línea azul para elegir su ubicación.

Editar como HTML – cambia el bloque a la vista del editor de código para que puedas editar el HTML sin cambiar el resto de los bloques.

Añadir a bloques reutilizables: añade el bloque a la lista de bloques reutilizables.

Agrupar – añade el bloque a un grupo para que puedas ajustarlo como una sola unidad.

Eliminar bloque: elimina el bloque.

Subtítulo

El subtítulo tiene otro conjunto de opciones que incluye ajustes para el texto en negrita y cursiva, enlaces y más opciones. He utilizado muchas de ellas en este ejemplo. Afectan al texto que estás resaltando.

Las opciones de negrita y cursiva pueden utilizarse juntas o de forma independiente. He añadido negrita y cursiva a la palabra “This” (Esto) en el ejemplo anterior.

Para el enlace, verás sugerencias de los que has usado antes. Incluye una opción para abrir el enlace en una nueva pestaña. He añadido un enlace a la palabra “audio” en el ejemplo anterior.

Si haces clic en Más opciones, tienes opciones para dar estilo al texto. Todas ellas afectan al texto que estás resaltando. He utilizado varios de ellos en el ejemplo anterior. Incluyen:

Código en línea – esto estiliza el texto para que parezca un código.

Imagen en línea: añade una imagen en línea de la biblioteca multimedia, como he hecho entre las palabras “audio” y “título”.

Entrada de teclado – esto estiliza el texto con el formato HTML de teclado que utiliza su navegador.

Tachado – esto coloca una línea a través del texto, como la palabra “caption” en el ejemplo anterior.

Subíndice – esto hace que el texto sea más bajo y más pequeño que el resto, como la palabra “You” en el ejemplo anterior.

Superíndice – esto hace que el texto sea más alto y más pequeño que el resto.

Color del texto – esto abre las herramientas de color para cambiar el color del texto, como he hecho con la palabra “you” en el ejemplo anterior. Elija entre los colores preseleccionados o cree un color personalizado. Para los colores personalizados, puede utilizar el selector de color o introducir el código hexadecimal, el código RGB o el código HSL.

Configuración de la barra lateral del bloque de audio

Los ajustes de la barra lateral añaden ajustes de audio y ajustes avanzados. Selecciona el engranaje para abrir los ajustes si la barra lateral no se muestra. Selecciona el bloque para ver la configuración de este bloque específico. Veamos con más detalle los ajustes.

Ajustes de audio

La configuración de audio le permite elegir cómo el reproductor de audio maneja el archivo. Si se configura como reproducción automática, el archivo se iniciará cuando se cargue la página. Si se establece en bucle, el archivo volverá a empezar cuando llegue al final del mismo.

También puedes elegir cómo funciona la precarga. Esto determina la cantidad de archivo que se descarga cuando la página se carga en el navegador del usuario. Las opciones incluyen:

Auto – esto descarga todo el archivo de audio incluso si el usuario no hace clic para reproducirlo.

Metadatos: descarga sólo el texto, que es la información básica sobre el archivo. El archivo de audio en sí no se descarga a menos que el usuario seleccione reproducirlo.

Ninguno: no se descarga automáticamente ninguna información o dato.

Avanzado

La configuración avanzada incluye campos para el ancla HTML y las clases CSS adicionales. El ancla HTML es una URL que permite enlazar directamente con el bloque. El campo Clases CSS adicionales permite añadir clases CSS para dar estilo al bloque.

Consejos y buenas prácticas para utilizar el bloque de audio de forma eficaz

  • Utilice el subtítulo para mostrar el nombre del archivo de audio.
  • Utilice títulos y párrafos claros para describir los archivos. Esto informa al usuario de lo que puede esperar.
  • Establezca la precarga en ninguno o en metadatos para acelerar la carga de la página para cualquier bloque que no necesite reproducción automática.
  • Utilice la reproducción automática y el bucle para los CTA de los productos. Desactive la reproducción automática y el bucle para otros bloques de audio de la página.
  • Elija Grupo para dar estilo al fondo del reproductor de audio.
  • Utilice este bloque para incrustar audio en sus páginas y publicaciones.
  • Utiliza un bloque de incrustación con la URL del archivo si no quieres incluir un botón de descarga.

Preguntas frecuentes sobre el bloque de audio

¿Qué hace el bloque de audio?

Añade un reproductor de audio a su sitio web que permite a los usuarios reproducir o descargar un archivo de audio.

¿Cuál es la ventaja de utilizar el bloque de audio?

Crea un reproductor para que los usuarios sepan que hay un archivo de audio disponible para que lo escuchen.

¿Puede transformarse en otros bloques?

Sí. También puede transformarse en un Bloque de Archivo, en columnas o en un grupo. El bloque de archivo permite a los usuarios descargar el archivo en lugar de reproducirlo a través de sus navegadores.

¿Se pueden utilizar otros bloques para los archivos de audio?

Sí. Puedes pegar la URL en un Bloque de inserción, pero no tiene la configuración de audio que tiene el Bloque de audio. Te dará un reproductor de audio en la parte frontal, pero no es tan elegante como el que proporciona este bloque. La versión incrustada incluye la hora en la barra de seguimiento, pero no incluye una opción de descarga ni un subtítulo.

¿Cuáles son los mejores usos de este bloque?

Este bloque puede utilizarse para música, pistas de audio, muestras de álbumes, podcasts, sermones, cursos de audio, audiolibros, etc.

¿Qué tipos de archivos puede utilizar el bloque?

El bloque de audio es compatible con archivos .mp3, .m4a, .ogg y .wav. El reproductor tiene el mismo aspecto y funciona igual con cada uno de los tipos de archivo.

Conclusión

Este es nuestro vistazo al bloque de audio de WordPress. Es un bloque simple con unos pocos ajustes. Usted tiene el control sobre su ubicación dentro de su contenido y cómo funciona dentro de los navegadores de sus visitantes. Este bloque es una excelente opción para cualquier tipo de archivo de audio que sea compatible con WordPress.

Queremos saber tu opinión. ¿Utilizas el bloque de audio? Háganos saber lo que piensa de él en los comentarios.

Acerca del Autor

Andres

1 Comentario

Clic Aqui para Publicar un Comentario

Publicidad

Síguenos en Facebook