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

Hur man embedar SoundCloud i dina WordPress Posts med hjälp av oEmbed

Låt oss inse det: ibland räcker det inte med enbart text för att fånga och behålla besökarens intresse.

Tänk om du enkelt kunde dela din favoritmusik eller till och med dina egna låtar och podcasts direkt på din WordPress blogg? Ja, det kan du! Om du är användare av SoundCloud kan du enkelt embedda ljudklipp, playlists, podcasts och registrerade seminarier på din WordPress website.

I denna nybörjarvänliga guide kommer vi att lära you hur man addar lite ljud till dina pages och posts. Låt oss se hur du kan add to SoundCloud ljud till din website med hjälp av en utvald funktion som heter oEmbed.

How to Embed SoundCloud in Your WordPress Posts by using oEmbed

Varför embedda SoundCloud ljud i WordPress?

SoundCloud är ett populärt webbhotell för musik och podcast som allow you att uploada upp till 3 timmar ljud gratis.

När du publicerar ljud till SoundCloud lagras alla dina filer på deras servrar och streamas till de personer som besöker din SoundCloud page. Men du kan ofta öka trafiken på din blogg genom att göra ljudet tillgängligt på din egen website också.

Den goda nyheten är att du kan add to alla SoundCloud ljudfiler till din WordPress website med hjälp av dess URL, tack vare en funktion som anropas oEmbed.

Hur du embedar SoundCloud i dina posts beror på vilken WordPress editor du använder. Klicka bara på snabblänkarna under för att hoppa till den metod som bäst passar dina behov:

Metod 1: Embed SoundCloud i WordPress med hjälp av Block Editor

WordPress har flera built-in block som allow you to embed PDFs, TikTok videos, and a ton of other content. Det har också ett SoundCloud block så att du kan embed ljudfiler utan att installera ett separat plugin.

Ännu bättre, om du klistrar in en länk i postens innehållsområde, kommer WordPress att lägga till SoundCloud-blocket automatiskt.

Först headar du till SoundCloud och hittar den fil som du vill add to din WordPress blogg. Detta kan vara ett av dina egna spår eller ett offentligt track som skapats av någon annan. Du kan till och med embedda hela SoundCloud playlists och album.

När du har öppnat spåret, playlisten eller iconen rullar du ner på sidan och klickar på ikonen ”Copy Link”.

Copying the Soundcloud link

Därefter byter du till WordPress dashboard och går till den page eller det post där du vill embeda SoundCloud-filen. Nu klistrar du bara in URL:en i content area.

Så snart du klistrar in SoundCloud URL kommer WordPress att hämta embed-koden och visa ljudspelaren och tracket.

Paste the URL in the Content Area

Om du klickar på knappen ”Play” börjar ljudet spelas upp i WordPress Editor.

När du har add to tracket kan du finjustera det med hjälp av toolbaren som visas ovanför blocket och inställningarna i menyn till höger.

You Can Change the Settings

Om du t.ex. vill ange en maxbredd för embed:en klickar du på knappen ”Align” och väljer ett alternativ i menyn som visas.

Som standard kommer WordPress att göra embed:en mindre på smartphones och surfplattor. Vi rekommenderar att du låter denna funktion vara aktiverad, men om du föredrar det kan du inaktivera den med hjälp av ”Resize for smaller devices” toggle i den högra menyn.

Om du ändrar den här inställningen rekommenderar vi att du testar mobilversionen av din WordPress website för att se till att SoundCloud-filen ser ut och fungerar som förväntat.

När du är nöjd med hur embedden är konfigurerad klickar du på ”Update” eller ”Publicera” för att göra den inbäddade SoundCloud-filen live.

Alternativ metod: Använda det customize HTML-blocket

Ett annat sätt att embedda Soundcloud-filen är med Soundclouds iFrame-kod och WordPress Custom HTML block. Denna metod kommer att ge dig fler sätt att customize hur filen ser ut.

Först klickar du på knappen ”Dela” på Soundcloud ljud-sidan.

Clicking the Share button in Soundcloud

Gå sedan till tabben ”Embed”.

Här hittar du Soundcloud iFrame-koden som du kan kopiera.

Innan du kopierar den här koden kan du också customize den inbäddade Player’s färger och Settings under. Koden kommer då att updates enligt yours val.

Copying the Soundcloud embed code

När du har kopierat den här koden öppnar du block editor för din page eller post.

Klicka sedan på knappen ”+ Add Block” och lägg till blocket ”Custom HTML”.

Adding a new Custom HTML block in the block editor

Se nu till att du är på tabben HTML.

Här klistrar du in iFrame-koden inuti blocket.

Pasting the Soundcloud embed code in the block editor

För att se hur den inbäddade Player gillar att se ut, click the ’Preview’ tabs.

När du är klar klickar du bara på ”Update” eller ”Publicera” för att dina ändringar ska börja gälla.

Previewing the Soundcloud embed code in the block editor

Metod 2: Embed SoundCloud i WordPress med hjälp av Old Classic Editor

Om du fortfarande använder WordPress klassiska Editor, kan du embed SoundCloud ljud på samma sätt.

Börja med att kopiera länken till SoundCloud-tracken, albumet eller playlisten.

När du har gjort det öppnar du den page eller det post där du vill embeda filen. Sedan klistrar du bara in länken i content area på en egen rad.

Paste the Link on a Line of Its Own

Om du använder visual editor ser du en preview av SoundCloud-musikspelaren för ljud i WordPress.

Tänk bara på att du inte kan ändra bredden och inriktningen gillar du kan i WordPress block editor.

The SoundCloud Audio Player will be Automatically Displayed

Vanliga frågor om att embedda SoundCloud i WordPress

Sedan vi först publicerade den här guiden har vi fått många frågor från våra läsare om hur man embedar SoundCloud content i WordPress.

Här är svaren på några av de vanligaste frågorna.

1. Kan jag embeda en SoundCloud-podcast i WordPress?

Du kan enkelt embeda en podcast i WordPress med hjälp av det built-in SoundCloud-blocket. Klistra bara in podcast-avsnittet eller playlisten i content editor, så lägger WordPress till det i ett SoundCloud-block automatiskt.

2. Kan jag add to flera SoundCloud-låtar till WordPress?

Du kan add to ett obegränsat antal låtar till samma SoundCloud block. Du kan embedda ett helt album eller en playlist genom att helt enkelt klistra in dess URL i WordPress content editor.

Om du vill skapa en curate-lista med låtar rekommenderar vi att du lägger till alla dessa tracks i en spellista på SoundCloud och sedan gör spellistan Offentlig. Du kan sedan embedda playlisten i WordPress genom att helt enkelt klistra in dess URL.

Tänk bara på att inställningarna för integritet för varje track åsidosätter inställningarna för din playlist. Detta innebär att du inte kan embed privata tracks på din website, även om du addar dem till en Offentlig playlist.

3. Hur addar jag en SoundCloud-kanal till min website i WordPress?

Du kan add to en SoundCloud-kanal på exakt samma sätt som du embedar en låt eller playlist. Besök helt enkelt kanalen i SoundCloud och kopiera URL:en.

Du kan sedan klistra in länken i innehållseditorn och WordPress kommer att visa allt content från den kanalen, inklusive dess banner, det totala antalet tracks och en knapp för ”Följ”. På så sätt kan du uppmuntra besökare på din website att följa dig på SoundCloud.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du embedar SoundCloud-ljud i dina WordPress-poster. Därefter kan du se våra guider om hur du bäddar in en YouTube live stream, eller hur du lägger till Google Web Stories till din WordPress site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

7 kommentarerLämna ett svar

  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

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.