WordPress erbjuder standard kortkoder för att infoga ljud och spellistor på din webbplats. Detta kommer att vara mycket användbart när du är värd för några ljudfiler på din egen server. Men de flesta av oss är inte musiker för att komponera vårt eget ljud och att använda någons ljud kommer att leda till upphovsrättsintrång. Här kommer de tredje parterna som SoundCloud som erbjuder ljudhotelltjänster och tillåter offentliga användare att dela musiken under överenskomna licenser. Även när du har ett stort antal ljudfiler är det bra att vara värd för dem utanför din server. Det kommer inte bara att bidra till att förbättra sidladdningshastigheten på din webbplats utan också hjälpa till att nå ut bredare publik.
i den här artikeln kommer vi att förklara hur du bäddar in SoundCloud-spellista på din WordPress-webbplats-båda WordPress.com och WordPress.org webbplats.
Steg 1-Skapa en spellista i SoundCloud
registrera dig för ett gratis SoundCloud-konto och skapa en spellista med dina favoritlåtar. Visa alla dina spellistor under menyn ”samling > spellistor” som visas nedan:
visa spellistor i SoundCloud
steg 2 – Få inbäddningskod för spellista
klicka på spellistan du vill dela den på din WordPress-webbplats. Du kommer att se listan över spåren som läggs till i spellistan och klicka på ”Dela” – knappen”. Du kan också aktivera eller inaktivera spellista blanda här.
dela SoundCloud-spellista
det kommer att finnas en popup-skärm som erbjuder tre alternativ för delning-Dela, bädda in och meddelande. Gå till fliken” bädda in”, välj visningsdesignen och få inbäddningskoden för din WordPress-webbplats.
steg 2.1-bädda in kod för WordPress.com användare
SoundCloud har en kortkod som endast stöds för WordPress.com användare. Välj kryssrutan ”WordPress code” för att få kortkoden för din WordPress.com webbplats.
få inbäddningskod för WordPress
den inbäddade koden för WordPress.com användarna kommer att se ut som nedan:
bläddra ner till skärmen och klicka på ”Fler alternativ” för att ändra färg och aktivera eller inaktivera autoplay av din spellista.
aktivera Autoplay
visa förhandsgranskningen av din spellista och kopiera koden som visas i textrutan under ”kod och förhandsgranskning”.
steg 2.2-bädda in kod för WordPress.org användare
om du har en egen värd WordPress.org webbplats se sedan till att inaktivera kryssrutan ”WordPress code” och få inbäddningskoden. Det ska vara en Iframe-kod som visas nedan:
<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>
steg 3-infoga SoundCloud inbäddningskod i WordPress
oavsett om du har inbäddningskoden för WordPress.com eller WordPress.org införingsprocessen är densamma och enkel. Klistra bara in inbäddningskoden i ditt inlägg eller sida som liknar något textinnehåll under ”Text” – redigeraren. Du bör publicera din webbplats för att se ljudspelaren i WordPress.com webbplats när du byter till” Visual ” editor visar ljudspelaren i WordPress.org webbplats. Nedan är ett riktigt exempel på SoundCloud player på WordPress.org webbplats.
bredd, höjd och autoplay egenskaper spelaren kan direkt ändras inom inbäddningskoden. Det är också möjligt att ändra utseendet på spelaren genom att lägga till ”visual=true” parameter. Till exempel kan ovanstående standardspelare ändras som nedan med den angivna koden:
<iframe width = ”100%” height= ” 300 ”scrolling=” Nej ”frameborder=” ja ” 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>
du kan lägga till spelaren på sidofältet och sidfot widget område genom att klistra in koden med” Text ” widget.
infoga Dela URL i WordPress
det är också möjligt att infoga ljudspelare med hjälp av Dela URL. När du klickar på knappen ”Dela” kopierar du bara webbadressen under fliken ”Dela” och klistrar in den på din WordPress ”Visual” editor.
SoundCloud Dela URL-kod
tryck på enter för att se WordPress konverterar automatiskt webbadressen till en spellista som nedan.
poäng att komma ihåg
- SoundCloud gör det möjligt att dela enskilda ljudspår, spellistor och din kontoprofil på din WordPress-webbplats.
- du kan använda både dela URL-metoden samt bädda in kod metod.
- Dela URL-metoden är bra för att dela dina egna spellistor med bred profilbild. Inbäddningskod rekommenderas för att spela andras ljudfiler.
- Dela URL måste klistras in på ”Visual” editor och spelaren kan ses på redigeraren.
- bädda in kod för WordPress.com-webbplatsen måste klistras in på” Visual ” editor och ljudspelaren kommer bara att synas endast på den publicerade webbplatsen.
- bädda in kod för WordPress.org webbplatsen måste klistras in på” Text ” – redigeraren och spelaren kan ses på redigeraren.
- WordPress.com stöder SoundCloud-kortkoder medan WordPress.org gör det inte. Så se till att få rätt inbäddningskod för din ljudspelare.
- spelaren kan anpassas genom att ändra standardparametrarna i inbäddningskoden. Men spelaren som sätts in via en delningsadress kan inte anpassas.
- WordPress.org har många gratis plugins för att skapa SoundCloud-kortkod och bädda in spellistan.
