TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur bäddar jag in SoundCloud -spellista på WordPress -webbplats?

7

WordPress erbjuder standardkortkoder 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 få ljudfiler på din egen server. Men de flesta av oss är inte musiker som komponerar vårt eget ljud och att använda någons ljud kommer att leda till intrång i upphovsrätten. Här kommer tredje parter som SoundCloud som erbjuder ljudvärdtjänster och tillåter offentliga användare att dela musiken under överenskomna licenser. Även när du har ett stort antal ljudfiler är det en bra idé att vara värd för dem utanför din server. Det hjälper inte bara att förbättra sidhämtningshastigheten på din webbplats utan också att nå ut till en bredare publik.

I den här artikeln kommer vi att förklara hur du lägger in SoundCloud -spellista på din WordPress -webbplats – både 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 favoritspår. Visa alla dina spellistor under menyn "Samling> Spellistor" enligt nedan:

Hur bäddar jag in SoundCloud -spellista på WordPress -webbplats?

Visa spellistor i SoundCloud

Steg 2 – Skaffa 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 blandning här.

Hur bäddar jag in SoundCloud -spellista på WordPress -webbplats?

Delar SoundCloud -spellista

Det kommer att finnas en popup -skärm med tre alternativ för delning – Dela, Bädda in och Meddelande. Gå till fliken "Bädda in", välj bildskärmsdesign 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 kortnummer som endast stöds för WordPress.com -användare. Markera kryssrutan "WordPress -kod" för att få kortkoden för din WordPress.com -webbplats.

Hur bäddar jag in SoundCloud -spellista på WordPress -webbplats?

Skaffa inbäddningskod för WordPress

Inbäddningskoden för WordPress.com -användare kommer att se ut ungefär så här:

[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" /]

Bläddra ner till skärmen och klicka på "Fler alternativ" för att ändra färg och aktivera eller inaktivera autospelning av din spellista.

Hur bäddar jag in SoundCloud -spellista på WordPress -webbplats?

Aktivera Autoplay

Visa förhandsvisningen 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 WordPress.org-webbplats som är värd för dig själv, se till att inaktivera kryssrutan "WordPress-kod" och få inbäddningskoden. Det ska vara en iframe -kod enligt 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 fick inbäddningskoden för WordPress.com eller WordPress.org är införingsprocessen densamma och enkel. Klistra in inbäddningskoden i ditt inlägg eller en sida som liknar allt textinnehåll under "Text" -redigeraren. Du bör publicera din webbplats för att se ljudspelaren på WordPress.com -webbplatsen medan du byter till "Visual" -redigeraren visar ljudspelaren på WordPress.org -webbplatsen. Nedan är ett verkligt exempel på SoundCloud -spelare på WordPress.org -webbplatsen.

Spelarens bredd, höjd och autoplay -egenskaper kan direkt ändras inom inbäddningskoden. Det är också möjligt att ändra spelarens utseende genom att lägga till "visual = true" parameter. Till exempel kan ovanstående standardspelare ändras som nedan med den angivna koden:

Du kan lägga till spelaren i sidofältet och sidfoten -widgetområdet genom att klistra in koden med widgeten "Text".

Infoga Share URL i WordPress

Det är också möjligt att sätta in ljudspelare med delnings -URL: en. När du klickar på knappen "Dela", kopierar du bara webbadressen under "Dela" -fliken och klistrar in den på din "Visual" -redigerare i WordPress.

Hur bäddar jag in SoundCloud -spellista på WordPress -webbplats?

SoundCloud Share URL -kod

Tryck på enter för att se att WordPress automatiskt konverterar den webbadressen till en spellista som nedan.

Poäng att komma ihåg

  • Med SoundCloud kan du dela enskilda ljudspår, spellistor och din kontoprofil på din WordPress -webbplats.
  • Du kan använda både dela URL -metod och bädda in kodmetod.
  • Dela URL -metod är bra för att dela dina egna spellistor med bred profilbild. Inbäddningskod rekommenderas för uppspelning av andras ljudfiler.
  • Delnings -URL måste klistras in i “Visual" -redigeraren och spelaren kan ses i redigeraren.
  • Inbäddningskoden för WordPress.com -webbplatsen måste klistras in i "Visual" -redigeraren och ljudspelaren kommer bara att synas endast på den publicerade webbplatsen.
  • Bädda in koden för WordPress.org -webbplatsen måste klistras in i "Text" -redigeraren och spelaren kan ses på redigeraren.
  • WordPress.com stöder SoundCloud -kortkoder medan WordPress.org inte gör det. Så se till att du får 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 delnings -URL kan inte anpassas.
  • WordPress.org har många gratis plugins för att skapa SoundCloud -kortkod och bädda in spellistan.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer