Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como incorporar o SoundCloud em seus posts do WordPress usando o oEmbed

Sejamos realistas: às vezes, o texto sozinho não é suficiente para capturar e manter o interesse do visitante.

E se você pudesse compartilhar facilmente suas músicas favoritas ou até mesmo suas próprias músicas e podcasts diretamente no seu blog do WordPress? Bem, você pode! Se você for usuário do SoundCloud, poderá incorporar facilmente clipes de áudio, listas de reprodução, podcasts e seminários gravados em seu site do WordPress.

Neste guia para iniciantes, ensinaremos você a adicionar um toque de áudio às suas páginas e publicações. Vamos ver como você pode adicionar áudio do SoundCloud ao seu site usando um recurso chamado oEmbed.

How to Embed SoundCloud in Your WordPress Posts by using oEmbed

Por que incorporar o áudio do SoundCloud no WordPress?

O SoundCloud é uma plataforma popular de hospedagem de música e podcast que permite que você carregue até 3 horas de áudio gratuitamente.

Quando você publica áudio no SoundCloud, todos os seus arquivos são armazenados nos servidores deles e transmitidos para as pessoas que visitam sua página do SoundCloud. No entanto, muitas vezes você pode aumentar o tráfego do seu blog disponibilizando esse áudio também em seu próprio site.

A boa notícia é que você pode adicionar qualquer arquivo de áudio do SoundCloud ao seu site WordPress usando seu URL, graças a um recurso chamado oEmbed.

A maneira de incorporar o SoundCloud em suas postagens depende do editor do WordPress que você usa. Basta clicar nos links rápidos abaixo para ir para o método que melhor atende às suas necessidades:

Método 1: Incorporar o SoundCloud no WordPress usando o Block Editor

O WordPress tem vários blocos integrados que permitem incorporar PDFs, vídeos do TikTok e muitos outros conteúdos. Ele também tem um bloco SoundCloud para que você possa incorporar arquivos de áudio sem instalar um plug-in separado.

Melhor ainda, se você colar um link na área de conteúdo da postagem, o WordPress adicionará o bloco do SoundCloud automaticamente.

Primeiro, vá até o SoundCloud e encontre o arquivo que deseja adicionar ao seu blog do WordPress. Pode ser uma de suas próprias faixas ou uma faixa pública criada por outra pessoa. Você pode até mesmo incorporar playlists e álbuns inteiros do SoundCloud.

Depois de abrir a faixa, a lista de reprodução ou o álbum, role a página para baixo e clique no ícone “Copiar link”.

Copying the Soundcloud link

Em seguida, vá para o painel do WordPress e acesse a página ou a postagem em que você deseja incorporar o arquivo do SoundCloud. Agora, basta colar o URL na área de conteúdo.

Assim que você colar o URL do SoundCloud, o WordPress buscará o código incorporado e mostrará o player de áudio e a faixa.

Paste the URL in the Content Area

Se você clicar no botão “Play”, o áudio começará a ser reproduzido no editor do WordPress.

Depois de adicionar a faixa, você pode ajustá-la usando a barra de ferramentas que aparece acima do bloco e as configurações no menu à direita.

You Can Change the Settings

Por exemplo, se você quiser definir uma largura máxima para a incorporação, clique no botão “Align” (Alinhar) e escolha uma opção no menu exibido.

Por padrão, o WordPress fará com que a incorporação pareça menor em smartphones e tablets. Recomendamos deixar esse recurso ativado, mas, se preferir, você pode desativá-lo usando a opção “Redimensionar para dispositivos menores” no menu à direita.

Se você alterar essa configuração, recomendamos testar a versão móvel do seu site WordPress para garantir que o arquivo do SoundCloud tenha a aparência e funcione conforme o esperado.

Quando você estiver satisfeito com a configuração da incorporação, clique em “Update” (Atualizar) ou “Publish” (Publicar) para ativar o arquivo incorporado do SoundCloud.

Método alternativo: Usando o bloco HTML personalizado

Outra maneira de incorporar o arquivo do Soundcloud é com o código iFrame do Soundcloud e o bloco HTML personalizado do WordPress. Esse método lhe dará mais maneiras de personalizar a aparência do arquivo.

Primeiro, na página de áudio do Soundcloud, clique no botão “Compartilhar”.

Clicking the Share button in Soundcloud

Em seguida, vá para a guia “Embed”.

Aqui, você encontrará o código iFrame do Soundcloud que pode ser copiado.

Antes de copiar esse código, você também pode personalizar as cores e as configurações do player incorporado abaixo. O código será então atualizado de acordo com suas escolhas.

Copying the Soundcloud embed code

Depois de copiar esse código, abra o editor de blocos de sua página ou postagem.

Em seguida, clique no botão “+ Add Block” e adicione o bloco“Custom HTML“.

Adding a new Custom HTML block in the block editor

Agora, verifique se você está na guia HTML.

Aqui, cole o código do iFrame dentro do bloco.

Pasting the Soundcloud embed code in the block editor

Para ver a aparência do player incorporado, clique na guia “Preview” (Visualização).

Quando terminar, basta clicar em “Update” (Atualizar) ou “Publish” (Publicar) para que suas alterações sejam efetivadas.

Previewing the Soundcloud embed code in the block editor

Método 2: Incorporar o SoundCloud no WordPress usando o antigo editor clássico

Se você ainda estiver usando o editor clássico do WordPress, poderá incorporar o áudio do SoundCloud da mesma forma.

Comece copiando o link para a faixa, o álbum ou a lista de reprodução do SoundCloud.

Depois de fazer isso, abra a página ou postagem em que deseja incorporar o arquivo. Em seguida, basta colar o link na área de conteúdo em sua própria linha.

Paste the Link on a Line of Its Own

Se estiver usando o editor visual, você verá uma visualização do reprodutor de música de áudio do SoundCloud no WordPress.

Esteja ciente de que não é possível alterar a largura e o alinhamento como no editor de blocos do WordPress.

The SoundCloud Audio Player will be Automatically Displayed

Perguntas frequentes sobre a incorporação do SoundCloud no WordPress

Desde que publicamos este guia pela primeira vez, recebemos muitas perguntas de nossos leitores sobre como incorporar o conteúdo do SoundCloud no WordPress.

Aqui estão as respostas para algumas das perguntas mais frequentes.

1. Posso incorporar um podcast do SoundCloud no WordPress?

Você pode incorporar facilmente um podcast no WordPress usando o bloco SoundCloud incorporado. Basta colar o episódio ou a lista de reprodução do podcast no editor de conteúdo, e o WordPress o adicionará automaticamente a um bloco do SoundCloud.

2. Posso adicionar várias músicas do SoundCloud ao WordPress?

Você pode adicionar um número ilimitado de músicas ao mesmo bloco do SoundCloud. Você pode incorporar um álbum ou uma lista de reprodução inteira simplesmente colando seu URL no editor de conteúdo do WordPress.

Se você quiser criar uma lista de músicas com curadoria, recomendamos adicionar todas essas faixas a uma lista de reprodução no SoundCloud e, em seguida, tornar a lista de reprodução pública. Em seguida, você pode incorporar a lista de reprodução no WordPress simplesmente colando seu URL.

Lembre-se de que as configurações de privacidade de cada faixa substituirão as configurações de sua lista de reprodução. Isso significa que você não pode incorporar faixas privadas em seu site, mesmo que as adicione a uma lista de reprodução pública.

3. Como faço para adicionar um canal do SoundCloud ao meu site WordPress?

Você pode adicionar um canal do SoundCloud exatamente da mesma forma que incorpora uma música ou lista de reprodução. Basta visitar o canal no SoundCloud e copiar o URL.

Em seguida, você pode colar o link no editor de conteúdo, e o WordPress exibirá todo o conteúdo desse canal, incluindo o banner, o número total de faixas e um botão “Seguir”. Dessa forma, você pode incentivar os visitantes do site a segui-lo no SoundCloud.

Esperamos que este artigo tenha ajudado você a aprender como incorporar o áudio do SoundCloud em suas postagens do WordPress. Em seguida, consulte nossos guias sobre como incorporar uma transmissão ao vivo do YouTube ou como adicionar o Google Web Stories ao seu site WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

7 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. kaushik

    Why to take trouble when the soundcloud shortcode plugin is there !

  3. Umair Ahmad

    hi, i want to add multiple souncloud(SC) track file in wordpress page post area, i get the following code from SC site,

    [soundcloud url=”https://api.soundcloud.com/tracks/68623291″ params=”color=00aabb&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false” width=”100%” height=”166″ iframe=”true” /]

    and embed it in post, but it does not show the track, instead displaying the embed code.

    i used the plugin name “SoundCloud Shortcode” on my self hosted site, but failed,

    Moreover, i am not following your instructions. :)

    have a look or attached file, thats the result.

  4. followers

    Hey pal, I’m a hip hop producer your article was impressive, it really heleped me. I hope my soundcloud mix will be better after reading this.thank you!

  5. bdubb

    How would you add support for album art to this function?

    • Native Imaging

      I was hoping for the same function. It would be nice if the album art can Auto-Populate the Featured Image for WP Posts. Fingers Crossed! :)

  6. Georgia Hebert

    I just recently discovered this webblog and I can say current post is very useful for all

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.