Con SoundCloud Embedding Block para WordPress, puede agregar un álbum, una lista de reproducción o una canción a su publicación o página. Incrustar contenido de SoundCloud en Gutenberg le brinda muchas opciones con respecto a la apariencia y las funciones del bloque. De lo contrario, si solo copia y pega el enlace de SoundCloud en el editor clásico, es posible que pueda presentar la música, pero sus opciones estarán severamente limitadas en lo que respecta a la personalización y el diseño de la página.
En este artículo, discutiremos cómo incrustar un álbum, una lista de reproducción o una canción de SoundCloud en una publicación o sitio web de WordPress. También cubriremos las mejores prácticas, preguntas frecuentes y consejos para saber.
Antes de comenzar, tenga en cuenta que si bien no necesita una cuenta de SoundCloud para incrustar contenido del servicio, debe seleccionar Pistas públicas; no puede incrustar pistas privadas. Además, debe usar el editor de bloques de Gutenberg para agregar el bloque de inserción de SoundCloud. (Cubriremos algunas alternativas, sin embargo).
Suscríbete a nuestro canal de YouTube
Cómo incrustar contenido de SoundCloud en WordPress
Primero, cubriremos cómo agregar una pista de SoundCloud a una publicación o página de WordPress. Luego, discutiremos rápidamente cómo agregar un álbum/lista de reproducción, ya que el proceso es similar a agregar una canción.
Cómo incrustar una pista de SoundCloud en WordPress
Ir Nube de sonido y encuentre la ruta que desea incrustar en WordPress. Haga clic en una pista para abrirla en su propia página. Copie la URL de la barra de direcciones en la parte superior de la página.
Vaya a WordPress y cree o edite una publicación o página. En la parte principal de la página deberías ver Signo de más. Si no lo ve, haga clic en algún lugar del cuerpo de la página y debería aparecer.
haga clic aquí Signo de más para invocar el selector de bloque. Introduzca «SoundCloud» en Búsqueda y luego seleccione el bloque asociado. El bloque de incrustación de SoundCloud ahora se agregará a su página o publicación.
Pegue la dirección de SoundCloud copiada en el cuadro que dice Ingrese la URL para incrustar aquí… haga clic aquí Empotrar. Ahora verás algo como esto:
Para ver cómo se verá en su sitio cuando se publique, haga clic en Anuncio > Escritorio > Vista previa en una nueva pestaña en la esquina superior derecha de la página.
Si lo desea, puede agregar una firma. Hay un área especial debajo de la ruta incrustada donde puede ingresar su firma junto con las opciones de formato.
Cómo incrustar un álbum o lista de reproducción de SoundCloud en WordPress
Incrustar un álbum o una lista de reproducción de SoundCloud es muy similar a agregar una canción. En SoundCloud, vaya al álbum o lista de reproducción que desea agregar y haga clic en él para abrirlo en su propia página. Copie la URL de la barra de direcciones.
En el cuadro de inserción de SoundCloud en WordPress, pegue la barra de direcciones en el espacio dedicado. haga clic aquí Empotrar.
El resultado es básicamente el mismo ya sea que haya agregado un álbum o una lista de reproducción. La portada del álbum o la lista de reproducción se mostrará en el cuerpo principal del enlace incrustado, con una lista de reproducción debajo, que se puede desplazar. A medida que pasa el cursor sobre las canciones y se desplaza, la portada principal se reducirá para revelar más de la lista de reproducción. En esta captura de pantalla, la incrustación superior es una lista de reproducción y la incrustación inferior es un álbum.
Insertar mensaje de error
Si ingresa algo que no es un enlace, es un enlace roto o conduce a contenido que no se puede incrustar, recibirá un mensaje de error similar a este:
Puede probar el enlace de nuevo o hacer clic en Convertir a enlace para ver si hace la diferencia. Sin embargo, si ninguna de las opciones funciona, es posible que deba incrustar otro contenido.
Opciones de bloqueo de incrustaciones de SoundCloud
Hay dos áreas diferentes donde encontrará las opciones de bloque de incrustación de SoundCloud: en la parte superior de la barra y en la barra lateral derecha. Echemos un vistazo a lo que son.
Opciones de la barra de herramientas
Después de agregar contenido al bloque de inserción, al hacer clic en él, aparecerá la barra de herramientas de opciones en la parte superior. Se parece a esto:
Aquí está el significado de los iconos de izquierda a derecha:
- Convertir a: Puede cambiar el bloque de incrustación de SoundCloud a un párrafo, columna o grupo. La única opción en la que pensar es Grupo one porque te permite cambiar el color de fondo del bloque. Si no te importa, déjalo en paz, es un poco difícil de usar.
- Jalar: pasar el cursor sobre Jalar icono y el cursor cambia a una mano pequeña. Haz clic con el botón izquierdo y arrastra el bloque de incrustación hasta donde quieras colocarlo en la página.
- Subir y Bajar: los Flecha arriba moverá el bloque un espacio hacia arriba, y Flecha hacia abajo lo mueve hacia abajo un lugar.
- Cambiar la alineación: Alinee el bloque incrustado a la izquierda, al centro o a la derecha. Alinearlo a la izquierda o a la derecha lo reducirá. Según el tema, también puede tener opciones de ancho completo y ancho ancho, que pueden hacer que el bloque de incrustación sea más grande.
- Editar URL: Reemplace la URL de SoundCloud para incrustar otro álbum, lista de reproducción o pista.
- Opciones: El último icono abre un menú desplegable con opciones adicionales.
Menú de más opciones
Este menú desplegable tiene algunas opciones fáciles de entender. De arriba a abajo, son los siguientes:
- Ocultar más configuraciones: Oculte (o muestre) la barra lateral de configuración a la derecha.
- Copiar: Copie el bloque y péguelo en cualquier lugar.
- Duplicar: Duplica un bloque, que lo copiará directamente debajo del original.
- Insertar antes: Añade un bloque delante del seleccionado.
- Insertar después de: Agrega un bloque después del seleccionado.
- Mover a: Esto mostrará una barra azul que puede navegar a través de la página con los botones de flecha en su teclado. Después de colocarlo donde lo desee, haga clic en Entrada / regreso para mover el bloque incrustado a esta ubicación.
- Editar como HTML: Edite el HTML del bloque.
- Añadir a bloques reutilizables: Agregue el bloque seleccionado a la lista de bloques reutilizables. Esto le permite agregarlo fácilmente a otra publicación o página, o a una sección diferente de la publicación o página actual.
- Grupo: Igual que Grupo La opción mencionada anteriormente le permite cambiar el color de fondo del bloque.
- Eliminar bloque: Elimina el bloque de la página.
Opciones de la barra lateral
La barra lateral derecha tiene dos configuraciones: Configuración multimedia y Avanzada. Echemos un vistazo a ellos.
Configuración de medios
si enciendes Cambiar el tamaño para dispositivos más pequeños en Configuración de medios sección, el bloque incrustado cambiará de tamaño automáticamente según el tamaño de la pantalla. Esto es especialmente importante para las personas que ven su contenido en un dispositivo móvil, por lo que debe habilitar esta opción.
Avanzado
en Avanzado sección, puede agregar un bloque CSS al bloque seleccionado. Esto significa que puede personalizar y diseñar el bloque de la manera que desee (si sabe CSS, eso es).
Mejores prácticas y consejos para usar SoundCloud Embed Block de manera efectiva
Agregue rápidamente contenido incrustado
Si sabe exactamente dónde desea colocar el contenido incrustado de SoundCloud, simplemente pegue la URL en la página. Se creará automáticamente un bloque de incrustación de SoundCloud para usted, con las mismas opciones que si tuviera que agregar el bloque manualmente.
Incruste contenido de SoundCloud con el editor clásico
Si prefiere trabajar con el editor clásico de WordPress, aún puede incrustar contenido de SoundCloud. Simplemente copie y pegue el enlace en cualquier parte del cuerpo de su publicación o página. Esto incrustará automáticamente el contenido. Sin embargo, no tendrá las mismas opciones de la barra de herramientas que tenía con el bloque de Gutenberg.
Use el código de inserción para varias personalizaciones
Otra forma de incrustar contenido de SoundCloud en WordPress es usar un código de inserción. Navegue hasta el contenido de SoundCloud que desea incrustar y haga clic en Para compartir botón.
En la ventana emergente, puede realizar cambios en la apariencia del contenido incrustado. En este ejemplo, cambié el botón de reproducción/pausa a azul claro y ajusté la altura del cuadro de inserción.
Una vez hecho esto, copie el código de inserción y luego péguelo en el bloque HTML en WordPress. Podrá ver cómo se verá el contenido cuando obtenga una vista previa de la página.
Preguntas frecuentes sobre SoundCloud Embedding Block
¿SoundCloud solo tiene música?
¡No! SoundCloud también tiene podcasts. Colocar un podcast es lo mismo que colocar una pieza musical. Copie la URL y luego péguela en el cuadro de inserción. Puede incrustar un solo episodio o, si desea mostrar el podcast en su totalidad, vaya a su página de inicio en SoundCloud y copie / pegue la URL.
¿Puedo agregar varias pistas al bloque de inserción de SoundCloud?
Si tiene varias canciones o episodios de podcast que desea colocar en su sitio de WordPress, puede crear su propia lista de reproducción y luego incrustarla. Recuerda que la configuración de privacidad de cada canción se mantendrá, incluso si haces pública una lista de reproducción (esto es necesario para publicarla). Esto significa que si agrega una canción privada a una lista de reproducción pública, seguirá siendo privada.
https://help.soundcloud.com/hc/en-us/articles/115003449787-Tworzenie-i-dodawanie-utworow-do-od Polonia
¿Puedo elegir dónde comenzará a reproducirse la pista de SoundCloud?
Lamentablemente no. Después de hacer clic Para compartir en el contenido de SoundCloud, aparecerá una ventana. En la parte inferior hay una opción desde la que empezar a reproducir la canción. Sin embargo, después de copiar y pegar el enlace asociado en el bloque de inserción, la ruta no comenzará en esta parte. Lo intentamos de varias maneras diferentes, pero sin éxito.
Envase
La integración de música o podcasts en su sitio web puede hacer que la experiencia sea más valiosa y aumentar la participación. Si tiene su propio contenido o desea compartirlo con otra persona, SoundCloud Embedding Block es la forma más fácil de hacerlo con la mayor cantidad de opciones de personalización y diseño. Puede agregar un álbum, una lista de reproducción, un podcast o una pista de música a su sitio web y permitir que los visitantes escuchen sin redirigirlos a otra parte. Y si quieren descubrir más, pueden navegar fácilmente al contenido de SoundCloud.
También te puede interesar nuestro artículo sobre los 11 mejores complementos de reproductor de audio para WordPress. ¡Échale un vistazo!
Imagen destacada de apghedia en Shutterstock.com