TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo incrustar la lista de reproducción de SoundCloud en el sitio de WordPress?

22

WordPress ofrece códigos cortos predeterminados para insertar audio y listas de reproducción en su sitio. Esto será muy útil cuando aloje pocos archivos de audio en su propio servidor. Pero la mayoría de nosotros no somos músicos para componer nuestro propio audio y usar el audio de alguien resultará en una infracción de derechos de autor. Aquí vienen los terceros como SoundCloud que ofrecen servicios de alojamiento de audio y permiten a los usuarios públicos compartir la música bajo licencias acordadas. Además, cuando tenga una gran cantidad de archivos de audio, es una buena idea alojarlos fuera de su servidor. No solo ayudará a mejorar la velocidad de carga de la página de su sitio, sino que también ayudará a llegar a un público más amplio.

En este artículo, explicaremos cómo incrustar la lista de reproducción de SoundCloud en su sitio de WordPress, tanto en WordPress.com como en el sitio de WordPress.org.

Paso 1: crea una lista de reproducción en SoundCloud

Regístrese para obtener una cuenta gratuita de SoundCloud y cree una lista de reproducción con sus pistas favoritas. Vea todas sus listas de reproducción en el menú "Colección> Listas de reproducción" como se muestra a continuación:

¿Cómo incrustar la lista de reproducción de SoundCloud en el sitio de WordPress?

Visualización de listas de reproducción en SoundCloud

Paso 2: obtener el código de inserción para la lista de reproducción

Haga clic en la lista de reproducción que desea compartir en su sitio de WordPress. Verá la lista de las pistas agregadas en la lista de reproducción y haga clic en el botón “Compartir" “. También puede habilitar o deshabilitar la reproducción aleatoria de listas de reproducción aquí.

¿Cómo incrustar la lista de reproducción de SoundCloud en el sitio de WordPress?

Compartir la lista de reproducción de SoundCloud

Habrá una pantalla emergente que ofrece tres opciones para compartir: Compartir, Insertar y Enviar mensaje. Vaya a la pestaña "Insertar", elija el diseño de visualización y obtenga el código de inserción para su sitio de WordPress.

Paso 2.1 – Código de inserción para usuarios de WordPress.com

SoundCloud tiene un código abreviado compatible solo para usuarios de WordPress.com. Elija la casilla de verificación "Código de WordPress" para obtener el código corto para su sitio WordPress.com.

¿Cómo incrustar la lista de reproducción de SoundCloud en el sitio de WordPress?

Obtener código de inserción para WordPress

El código de inserción para los usuarios de WordPress.com se verá a continuación:

[soundcloud url="https://api.soundcloud.com/playlists/299620824" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

Desplácese hacia abajo hasta la pantalla y haga clic en "Más opciones" para cambiar el color y habilitar o deshabilitar la reproducción automática de su lista de reproducción.

¿Cómo incrustar la lista de reproducción de SoundCloud en el sitio de WordPress?

Habilitar la reproducción automática

Vea la vista previa de su lista de reproducción y copie el código que se muestra en el cuadro de texto en "Código y vista previa".

Paso 2.2 – Código incrustado para usuarios de WordPress.org

Si tiene un sitio WordPress.org autohospedado, asegúrese de deshabilitar la casilla de verificación "Código de WordPress" y obtenga el código de inserción. Debe ser un código iframe como se muestra a continuación:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>

Paso 3 – Insertar código incrustado de SoundCloud en WordPress

Ya sea que tenga el código de inserción para WordPress.com o WordPress.org, el proceso de inserción es el mismo y simple. Simplemente pegue el código de inserción en su publicación o página similar a cualquier contenido de texto en el editor de "Texto". Debe publicar su sitio para ver el reproductor de audio en el sitio de WordPress.com, mientras que cambiar al editor "Visual" mostrará el reproductor de audio en el sitio de WordPress.org. A continuación se muestra un ejemplo real del reproductor SoundCloud en el sitio de WordPress.org.

Las propiedades de ancho, alto y reproducción automática del reproductor se pueden modificar directamente dentro del código de inserción. También es posible cambiar el aspecto del reproductor agregando el parámetro "visual = true". Por ejemplo, el reproductor predeterminado anterior se puede modificar como se muestra a continuación usando el código dado:

Puede agregar el reproductor en la barra lateral y el área del widget de pie de página pegando el código usando el widget "Texto".

Insertar URL compartida en WordPress

También es posible insertar un reproductor de audio usando la URL para compartir. Cuando haga clic en el botón "Compartir", simplemente copie la URL en la pestaña "Compartir" y péguela en su editor "Visual" de WordPress.

¿Cómo incrustar la lista de reproducción de SoundCloud en el sitio de WordPress?

Código de URL para compartir de SoundCloud

Presione enter para ver que WordPress convierte automáticamente esa URL en una lista de reproducción como la que se muestra a continuación.

Puntos para recordar

  • SoundCloud permite compartir pistas de audio individuales, listas de reproducción y el perfil de su cuenta en su sitio de WordPress.
  • Puede utilizar tanto el método de compartir URL como el método de código incrustado.
  • El método Compartir URL es bueno para compartir sus propias listas de reproducción con una imagen de perfil amplia. Se recomienda el código incrustado para reproducir archivos de audio de otras personas.
  • La URL compartida debe pegarse en el editor "Visual" y el reproductor se puede ver en el editor.
  • El código de inserción para el sitio WordPress.com debe pegarse en el editor "Visual" y el reproductor de audio solo será visible en el sitio publicado.
  • El código de inserción para el sitio de WordPress.org debe pegarse en el editor de "Texto" y el reproductor se puede ver en el editor.
  • WordPress.com admite códigos cortos de SoundCloud, mientras que WordPress.org no. Así que asegúrese de obtener el código de inserción correcto para su reproductor de audio.
  • El reproductor se puede personalizar modificando los parámetros predeterminados en el código de inserción. Pero el reproductor insertado a través de una URL compartida no se puede personalizar.
  • WordPress.org tiene muchos complementos gratuitos para crear códigos cortos de SoundCloud e incrustar la lista de reproducción.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More