Avada Theme Tutorial: ¡Incorpora fácilmente tu música o podcasts en tu sitio web con Avada SoundCloud!

Si usted escreador de músicaypodcasterO si desea incrustar contenido de audio de alta calidad en su sitio web, el tema Avada proporciona el Elementos de SoundCloud sería una herramienta muy útil. Este post le dará detalles sobre cómo utilizar el Avada (utilizado como expresión nominal) Elementos de SoundCloudIntegra a la perfección el contenido musical o podcast de SoundCloud en tu sitio web para crear una experiencia web más atractiva.

¿Qué es un elemento de SoundCloud?

SoundCloud es una plataforma mundialmente conocida para compartir música y podcasts que permite a los usuarios subir sus propios contenidos de audio y escuchar música o programas de otros creadores. Mientras que Elementos de Avada en SoundCloudpuede simplemente copiar un enlace a la página SoundCloud El contenido de la página se incrusta en la página web sin plug-ins adicionales ni configuraciones complejas.

¿Cómo se utilizan los elementos de SoundCloud?

Paso 1: Insertar elemento de SoundCloud

En Avada Builder, seleccione dónde desea insertar el audio y haga clic en "Añadir elementos".

Vaya al formulario de elementos y busque "SoundCloud" y haz clic en Añadir.

Paso 2: Configurar los parámetros de los elementos de SoundCloud

Después de añadir el elemento, verá un conjunto de elementos de configuración, aquí hay una explicación de los parámetros clave:

1. URL de SoundCloud (obligatorio)

Esta es la opción más importante. Pega aquí el enlace al audio de SoundCloud que quieras incrustar.frecuencia sonorase reproducirá directamente en su sitio web.

⚠️ Nota: Asegúrate de que posees los derechos de autor del audio.

2. Disposición

Se ofrecen dos diseños:

• Clásico: Aspecto por defecto, limpio y sencillo.
• Visual: Una versión con la portada del álbum de fondo es más atractiva visualmente.

3.Mostrar comentarios

• Ponlo en "Sí" cuando se muestra un comentario del usuario debajo del reproductor.
• Pase el ratón por encima para ver puntos temporales de comentarios específicos y saltar.

4. Mostrar relacionados

• Esta opción muestra un contenido similar al audio al final de la reproducción de audio.

5. Mostrar usuario

• El nombre de usuario de SoundCloud y el avatar que publicó el audio se mostrarán en la parte superior del reproductor.

6. Reproducción automática

• Ajustar a "Sí" empieza a sonar automáticamente cuando se carga la página (se recomienda precaución para no molestar al usuario).

7. Color (color del icono)

• Seleccionar el color de elementos como el botón de reproducción en el reproductor coincide con el esquema de colores de su sitio web.

8. Dimensiones

• amplitudSoporte para píxeles o porcentajes (por ejemplo, 100%)
• alto gradoSólo se admiten ajustes de píxeles (por ejemplo, 750px)

9. Margen (margen exterior)

• Ajuste el espaciado alrededor de este elemento reproductor para que se adapte al diseño general de su página.

10. Visibilidad de los elementos

• Controle cómo se muestra y oculta el elemento en diferentes tamaños de pantalla (escritorio/tableta/móvil).

11. Clase CSS / ID CSS

• Para una mayor personalización, se puede asignar al elemento un nombre de clase o ID personalizado para su uso con CSS.

ejemplo de uso

Si quieres que el fondo del reproductor muestre la carátula del álbum y ocupe más espacio, puedes configurarlo así:

• Diseño: Visual
• Altura: 750px
• Comentarios: Sí
• Mostrar usuario: Sí
• Reproducción automática: No

Esta configuración no sólo es estéticamente agradable, sino que también mejora la participación de los visitantes.

resúmenes

El elemento SoundCloud de Avada es una combinación de belleza, funcionalidad y comodidad especialmente adecuada:

• Músicos que incrustan canciones originales
• Los podcasters muestran lo que hay en el programa
• Webmasters que presentan lecciones de audio o música de fondo

Con sólo un enlace de SoundCloud, puedes integrar la experiencia de reproducción de audio en tu Sitio web de WordPressen el que es fácil potenciar el atractivo y la interactividad de la página.