o WordPress oferece códigos de acesso padrão para inserir áudio e listas de reprodução em seu site. Isso será muito útil quando você hospedar alguns arquivos de áudio em seu próprio servidor. Mas a maioria de nós não são músicos para compor nosso próprio áudio e usar o áudio de alguém resultará em violação de direitos autorais. Aí vem os terceiros como SoundCloud oferecendo serviços de hospedagem de áudio e permitir que usuários públicos compartilhem a música sob licenças acordadas. Além disso, quando você tem um grande número de arquivos de áudio, é uma boa ideia hospedá-los fora do seu servidor. Isso não só ajudará a melhorar a velocidade de carregamento da página do seu site, mas também ajudará a alcançar um público mais amplo.
neste artigo, explicaremos como incorporar a lista de reprodução do SoundCloud em seu site WordPress – ambos WordPress.com e WordPress.org site.
- Passo 1-Crie uma lista de reprodução no SoundCloud
- Passo 2 – Obter o Código de incorporação para a lista de Reprodução
- passo 2.1-incorporar código para WordPress.com usuários
- passo 2.2-incorporar código para WordPress.org usuários
- Etapa 3-inserindo o código de incorporação do SoundCloud no WordPress
- inserir URL de compartilhamento no WordPress
- pontos a lembrar
Passo 1-Crie uma lista de reprodução no SoundCloud
Inscreva-se GRATUITAMENTE em uma conta do SoundCloud e crie uma lista de reprodução com suas faixas favoritas. Veja todas as suas listas de reprodução no menu “Coleção > listas de reprodução”, conforme mostrado abaixo:
Visualização de Listas de reprodução no SoundCloud
Passo 2 – Obter o Código de incorporação para a lista de Reprodução
Clique na lista de reprodução que você deseja compartilhá-lo em seu site WordPress. Você verá a lista das faixas adicionadas na lista de reprodução e clique no botão “Compartilhar””. Você também pode ativar ou desativar o embaralhamento da lista de reprodução aqui.
compartilhando playlist SoundCloud
haverá uma tela pop-up oferecendo três opções para compartilhar-Compartilhar, incorporar e mensagem. Vá para a guia” incorporar”, escolha o design da tela e obtenha o código de Incorporação para o seu site WordPress.
passo 2.1-incorporar código para WordPress.com usuários
SoundCloud tem um shortcode suportado apenas para WordPress.com usuários. Escolha a caixa de seleção “Código WordPress” para obter o shortcode para o seu WordPress.com site.
Obtendo o Código de incorporação para WordPress
O código de incorporação para WordPress.com os usuários irão parecer algo como abaixo:
role para baixo até a tela e clique em “Mais opções” para alterar a cor e ativar ou desativar a reprodução automática de sua lista de reprodução.
ativar Reprodução Automática
visualize a visualização da sua lista de reprodução e copie o código mostrado na caixa de texto em “código e visualização”.
passo 2.2-incorporar código para WordPress.org usuários
se você tiver um auto-hospedado WordPress.org site, em seguida, certifique-se de desativar a caixa de seleção “Código WordPress” e obter o código de incorporação. Deve ser um código iframe conforme mostrado abaixo:
<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>
Etapa 3-inserindo o código de incorporação do SoundCloud no WordPress
se você obteve o código de Incorporação para WordPress.com ou WordPress.org o processo de inserção é o mesmo e simples. Basta colar o código incorporado em sua postagem ou página semelhante a qualquer conteúdo de texto no editor “texto”. Você deve publicar seu site para ver o reprodutor de áudio em WordPress.com site ao mudar para o editor” Visual ” mostrará o reprodutor de áudio em WordPress.org site. Abaixo está um exemplo real de SoundCloud player em WordPress.org site.
as propriedades de largura, altura e reprodução automática do player podem ser modificadas diretamente no código de incorporação. Também é possível alterar a aparência do jogador adicionando o parâmetro “visual=true”. Por exemplo, o padrão acima do player podem ser modificados, como a seguir usando o código fornecido:
<iframe width=”100%” height=”300″ scrolling=”no” frameborder=”yes” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true”></iframe>
Você pode adicionar o player na barra lateral e rodapé widget área de colando o código usando “Texto” widget.
inserir URL de compartilhamento no WordPress
também é possível inserir o reprodutor de áudio usando o URL de compartilhamento. Ao clicar no botão” Compartilhar”, basta copiar o URL na guia” Compartilhar “e colá-lo no editor” Visual ” do WordPress.
SoundCloud compartilhar código URL
pressione enter para ver WordPress converte automaticamente esse URL em uma lista de reprodução como abaixo.
pontos a lembrar
- SoundCloud permite compartilhar faixas de áudio individuais, listas de reprodução e seu perfil de conta em seu site WordPress.
- você pode usar o método de URL de compartilhamento, bem como o método de código de incorporação.
- Compartilhar URL método é bom para compartilhar suas próprias listas de reprodução com imagem de perfil amplo. O código incorporado é recomendado para reproduzir os arquivos de áudio de outras pessoas.
- URL de compartilhamento precisa ser colado no editor “Visual” e o jogador pode ser visto no editor.
- incorporar código para WordPress.o site com precisa ser colado no editor “Visual” e o reprodutor de áudio ficará visível apenas no site publicado.
- incorporar código para WordPress.org o site precisa ser colado no editor “texto” e o player pode ser visto no editor.
- WordPress.com suporta códigos de acesso SoundCloud enquanto WordPress.org não. Portanto, certifique-se de obter o código de incorporação correto para o seu reprodutor de áudio.
- o player pode ser personalizado modificando os parâmetros padrão no código de incorporação. Mas o jogador inserido através de um URL de compartilhamento não pode ser personalizado.
- WordPress.org tem muitos plugins gratuitos para criar shortcode SoundCloud e incorporar a lista de reprodução.
