Gå till innehållet

Så här använder du SoundCloud -integrationsblocket

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Med SoundCloud för WordPress -integrationsblocket kan du lägga till ett album, spellista eller spår till ditt inlägg eller din sida. Integrering av SoundCloud -innehåll i Gutenberg ger dig många alternativ för hur blocket ser ut och fungerar. Annars, om du bara kopierar och klistrar in SoundCloud -länken i den klassiska redigeraren, kanske du kan visa upp musik, men dina alternativ kommer att vara allvarligt begränsade när det gäller anpassningar och siddesign.

I den här artikeln kommer vi att gå igenom hur du bädda in ett album, spellista eller SoundCloud -spår på ett WordPress -inlägg eller en sida. Vi kommer också att täcka bästa praxis, vanliga frågor och tips du bör veta.

Innan du börjar, notera att även om du inte behöver ett SoundCloud -konto för att bädda in tjänstens innehåll, måste du välja offentliga spår - privata spår kan inte bäddas in. Du måste också använda Gutenberg Block Editor för att lägga till SoundCloud Integration Block. (Vi kommer dock att täcka några alternativ.)

Så här lägger du in SoundCloud -innehåll i WordPress

Först ska vi se hur du lägger till ett SoundCloud -spår till ett WordPress -inlägg eller en sida. Därefter ser vi snabbt hur man lägger till ett album / spellista, eftersom processen liknar att lägga till ett spår.

Så här bäddar du in ett SoundCloud -spår i WordPress

Gå till SoundCloud och hitta spåret du vill bädda in i WordPress. Klicka på spåret för att öppna det på sin egen sida. Kopiera webbadressen från adressfältet högst upp på sidan.

Gå till WordPress och skapa eller redigera ett inlägg eller en sida. I sidans huvuddel bör du se a plustecken. Om du inte ser en klickar du någonstans i sidans brödtext så ska den visas.

Inbyggt soundcloud

Klicka på det plustecken för att visa blockväljaren. Ange "SoundCloud" i Sök fall, välj sedan det tillhörande blocket. SoundCloud -integrationsblocket läggs nu till på din sida eller ditt inlägg.

lägg till musik i wordpress

Inbyggt soundcloud

Klistra in SoundCloud -adressen som du kopierade i fältet där det står Ange webbadressen som ska integreras här ... Klicka på integrera. Du kommer nu att se något så här:

Inbyggt soundcloud

Klicka på för att se hur den kommer att se ut på din webbplats när den väl är live undersökningen > office > Förhandsgranska i en ny flik längst upp till höger på sidan.

lägg till musik i wordpress

Inbyggt soundcloud

Du kan lägga till en bildtext om du vill. Det finns ett särskilt område under det inbyggda spåret för att skriva in en bildtext, samt formateringsalternativ.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Inbyggt soundcloud

Bädda in ett SoundCloud -album eller en spellista i WordPress

Att bädda in ett album eller en spellista från SoundCloud liknar mycket att lägga till ett spår. I SoundCloud navigerar du till albumet eller spellistan du vill lägga till och klickar på det för att öppna det på sin egen sida. Kopiera URL: en från adressfältet.

Klistra in adressfältet i det dedikerade utrymmet i SoundCloud -integrationsrutan i WordPress. Klicka på integrera.

Resultatet är i princip detsamma oavsett om du lade till ett album eller en spellista. Albumets eller spellistans omslagsbild visas i huvuddelen av den inbäddade länken, och nedanför kommer en lista med spår att bläddra i. När du svävar över spåren och rullar blir huvudomslaget mindre för att visa mer av spårlistan. I den här skärmdumpen är den översta inbäddningen en spellista, medan den nedre inbäddningen är ett album.

lägg till musik i wordpress

Integrationsfelmeddelandet

Om du skriver något som inte är en länk, det är en trasig länk eller går till innehåll som inte kan bäddas in får du ett felmeddelande som ser ut så här:

Inbyggt soundcloud

Du kan prova länken igen eller klicka Konvertera till länk för att se om det gör någon skillnad. Om inget av de två alternativen fungerar kan du behöva integrera olika innehåll.

Alternativ för SoundCloud -integrationsblock

Det finns två olika områden där du hittar alternativ för SoundCloud -integrationsblocket: högst upp i fältet och till höger i sidofältet. Låt oss se vad de är.

Verktygsfält alternativ

När du har lagt till innehåll i inbäddningsblocket klickar du på det för att visa ett verktygsfält högst upp. Det ser ut så här:

Inbyggt soundcloud

Från vänster till höger, här är innebörden av ikonerna:

  • Bli: Du kan göra SoundCloud -inbäddningsblocket till ett stycke, en kolumn eller en grupp. Det enda alternativet att överväga är Grupperare en eftersom den låter dig ändra blockets bakgrundsfärg. Om du inte bryr dig, låt det vara - det är lite svårt att använda.
  • Att glida: Håll muspekaren över slip ikon, och markören blir till en liten hand. Klicka med vänster musknapp och dra inbäddat blocket dit du vill placera det på sidan.
  • Stig upp och ner: den Uppåtpil flyttar blocket upp ett blanksteg och Nedåtpil kommer att flytta det ett utrymme nedåt.
  • Ändra inriktningen: Rikta in infästningsblocket vänster, mitt eller höger. Om du justerar det åt vänster eller höger blir det mindre. Beroende på ditt tema kan du också ha alternativ för full bredd och bred bredd, vilket kan göra inbäddningsblocket större.
  • Redigera URL: Ersätt SoundCloud -URL: en för att bädda in ett annat album, spellista eller spår.
  • Alternativ: Den sista ikonen visar en rullgardinsmeny med ytterligare alternativ.

Fler alternativ -menyn

Inbyggt soundcloud

Denna listruta med alternativ innehåller en handfull lättförståliga alternativ. Uppifrån och ner är de:

  • Dölj fler inställningar: Dölj (eller visa) inställningens sidofält till höger.
  • Kopiera: Kopiera blocket och klistra in det var du vill.
  • Duplicera: Duplicera blocket, vilket gör en kopia direkt under originalet.
  • Infoga innan: Lägg till ett block före det valda.
  • Infoga efter: Lägg till ett block efter det valda.
  • Att flytta till: Detta visar en blå stapel som du kan flytta runt på sidan med pilknapparna på tangentbordet. När du har placerat den där du vill ha den klickar du på Enter / Return för att flytta integrationsblocket dit.
  • Redigera i HTML: Redigera HTML -koden för blocket.
  • Lägg till i återanvändbara block: Lägg till det markerade blocket i din lista över återanvändbara block. Detta låter dig enkelt lägga till det till ett annat inlägg eller en annan sida eller till ett annat avsnitt av det aktuella inlägget eller sidan.
  • Grupp: Eftersom Grupperare alternativet som nämns ovan kan du ändra blockets bakgrundsfärg.
  • Ta bort blocket: Ta bort blocket från sidan.

Alternativ i sidofältet

lägg till musik i wordpress

Den högra sidofältet har två inställningar: Media Settings och Advanced. Låt oss gå igenom.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Multimediainställningar

Om du aktiverar Ändra storlek på små enheter i Multimediainställningar sektionen, kommer inbäddningsblocket automatiskt att ändra storlek enligt skärmstorleken. Detta är särskilt viktigt för personer som tittar på ditt innehåll på en mobil enhet, så det är en bra idé att aktivera det här alternativet.

framsteg

i framsteg kan du lägga till ett CSS -block i det valda blocket. Detta innebär att du kan anpassa och styla blocket hur du vill (om du vet CSS, förstås).

Bästa praxis och tips för att använda SoundCloud -inbäddningsblocket effektivt

Lägg snabbt till inbäddat innehåll

Om du vet exakt var du vill att det inbyggda SoundCloud-innehållet ska gå kan du helt enkelt klistra in webbadressen på sidan. Ett SoundCloud -integrationsblock skapas automatiskt för dig, med alla samma alternativ som om du skulle lägga till blocket manuellt.

Bädda in SoundCloud -innehåll med den klassiska redigeraren

Om du föredrar att arbeta med den klassiska WordPress -redigeraren kan du alltid bädda in SoundCloud -innehåll. Du kommer bara att kopiera och klistra in länken var som helst du vill i inläggets eller sidans kropp. Detta kommer automatiskt att integrera innehållet. Du har dock inte samma verktygsfältalternativ som med Gutenberg -blocket.

Använd inbäddningskoden för olika anpassningar

Ett annat sätt att bädda in SoundCloud -innehåll på WordPress är att använda inbäddningskoden. Navigera till SoundCloud -innehållet du vill bädda in och klicka på knappen Dela knappen.

Inbyggt soundcloud

I popup-fönstret kan du ändra utseendet på det inbäddade innehållet. I det här exemplet ändrade jag play / pausknappen till ljusblå och justerade höjden på inbäddningsboxen.

lägg till musik i wordpress

När du är klar kopierar du inbäddningskoden och klistrar in den i ett HTML -block i WordPress. Du kommer att kunna se hur innehållet kommer att se ut när du förhandsgranskar sidan.

Vanliga frågor om SoundCloud -integrationsblock

Har SoundCloud bara musik?

Nej! SoundCloud erbjuder också podcaster. Att integrera en podcast är samma sak som att integrera ett musikspår. Kopiera URL: en och klistra in den i inbäddningsrutan. Du kan bädda in ett enda avsnitt, eller om du vill visa podden i sin helhet, gå till dess huvudsida på SoundCloud och kopiera / klistra in webbadressen.

Inbyggt soundcloud

Kan jag lägga till flera spår i SoundCloud -integrationsblocket?

Om du vill ha flera låtar eller podcastavsnitt på din WordPress -webbplats kan du skapa din egen spellista och sedan bädda in den. Var medveten om att varje spårs sekretessinställningar bevaras, även om du gör spellistan offentlig (som du måste bädda in). Det betyder att om du lägger till ett privat spår i en offentlig spellista kommer det spåret alltid att förbli privat.

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

Kan jag välja var ett SoundCloud -spår börjar spela?

Tyvärr inte. När du klickar på Dela på SoundCloud -innehållet öppnas ett fönster. Längst ner finns ett alternativ för var du ska börja spela spåret. Men när du kopierar och klistrar in den relaterade länken i inbäddningsblocket startar den faktiskt inte spåret vid den delen. Vi har provat det på olika sätt, men utan framgång.

Inbyggt soundcloud

pack

Att integrera musik eller podcaster på din webbplats kan göra upplevelsen mer värdefull och förbättra engagemanget. Om du har ditt eget innehåll eller vill dela någon annans är SoundCloud -inbäddningsblocket det enklaste sättet att göra det med flest möjliga anpassnings- och layoutalternativ. Du kan lägga till ett album, spellista, podcast eller musikspår till din webbplats och låta besökare lyssna utan att omdirigeras någon annanstans. Och om de vill utforska mer kan de enkelt klicka på innehållet i SoundCloud.

Du kanske också är intresserad av vår artikel med de 11 bästa plugins för ljudspelare för WordPress. Kolla in det!

Bild presenterad av apghedia på Shutterstock.com



Källlänk

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer