Här är något som kanske förvånar dig: många WordPress-användare som försöker lägga till ljudfiler på sin webbplats slutar med att skrämma bort besökare istället för att engagera dem.
Syndaren är vanligtvis enorma filer som saktar ner deras webbplatser, trasiga musikspelare och ljud som vägrar att fungera på mobila enheter.
Vi har sett detta mönster många gånger när vi hjälpt WordPress-webbplatsägare att fixa sina ljudproblem.
Efter omfattande forskning och tester hittade vi 3 utmärkta alternativ för att lägga till MP3-filer i WordPress. De är WordPress inbyggda ljudblock, HTML5 Audio Player och Easy Digital Downloads.
I den här artikeln visar vi dig hur du använder dessa verktyg för att lägga till ljudfiler på din WordPress-webbplats, även om du är nybörjare.

Varför lägga till MP3-ljudfiler i WordPress?
Att dela ljudfiler på din WordPress-webbplats kan vara ett utmärkt sätt att hålla folk engagerade och uppmuntra dem att spendera mer tid på den.
Om ditt engagemang på webbplatsen är högt, kommer besökare sannolikt att komma ihåg ditt varumärke. De kan också vidta åtgärder, som att göra ett köp eller anmäla sig till ditt e-postnyhetsbrev.
Här är haken: När dina besökare spenderar mer tid med att utforska din webbplats, kan det vara en positiv signal för sökmotorer.
Som ett resultat kan din webbplats ha högre SEO-rankningar och få mer trafik.
Med det i åtanke är det en bra idé att dela MP3-ljudversioner av dina blogginlägg, podcastavsnitt, webinarinspelningar eller låtar på din webbplats. Du kan till och med erbjuda dessa ljudfiler till försäljning. 🛒
I den här guiden visar vi hur du kan lägga till MP3-ljudfiler till en WordPress-webbplats. Om du är intresserad av en viss metod kan du klicka på länken för att hoppa framåt i artikeln:
- Metod 1. Hur man lägger till MP3-filer med det inbyggda ljudblocket (stöder strömningsplattformar)
- Metod 2. Hur man lägger till MP3-ljudfiler med ett WordPress-plugin (mer anpassningsbart)
- Metod 3. Hur man lägger till MP3-filer med Easy Digital Downloads (och tjänar pengar)
- Bonustips: Öka engagemanget med bild- och videogallerier 🖼️
Låt oss börja.
Metod 1. Hur man lägger till MP3-filer med det inbyggda ljudblocket (stöder strömningsplattformar)
Det enklaste sättet att bädda in MP3-ljudfiler är att använda det inbyggda WordPress-ljudblocket.
Det här enkla blocket har alla viktiga uppspelningskontroller, inklusive en play/paus-knapp, volymkontroller och en knapp för att ändra uppspelningshastigheten.
Om du inte behöver några mer avancerade funktioner är ljudblocket ett bra val. Du kan använda ljudblocket för att spela upp vilken MP3-fil som helst från ditt WordPress-mediebibliotek.
⚠️ Viktigt: För de flesta användare rekommenderar vi inte att ladda upp MP3-filer för uppspelning på din WordPress-webbplats. Det beror på att uppladdning av stora ljud- eller videofiler kan ta upp mycket utrymme och sakta ner din webbplats.
Du kan lära dig mer i vår guide om varför du aldrig ska ladda upp videor till WordPress.
Alternativt kan du bädda in MP3-filer från populära tredjeparts ljudplattformar som Spotify och SoundCloud.
Var bara medveten om att vissa plattformar bara tillåter dig att bädda in ett klipp av hela ljudet. De kan också uppmuntra folk att lämna din webbplats och lyssna på hela MP3-filen på deras plattformar, som i följande bild:

För att lägga till en MP3-ljudfil till din WordPress-webbplats, öppna vilken sida eller inlägg som helst. Klicka sedan på '+'-ikonen.
En popup-ruta visas då.
Skriv 'Audio' för att hitta rätt block. Klicka sedan helt enkelt på 'Audio'-blocket för att lägga till det på din sida.

Om du vill ladda upp en ny MP3-fil måste du klicka på 'Upload'.
Därefter kan du välja den ljudfil du vill ladda upp från din dator.
Om du vill använda en befintlig MP3-fil, klicka på 'Media Library'. Sedan bör du kunna välja en ljudfil från WordPress mediebibliotek.

Om du vill bädda in en MP3 från en extern webbplats måste du istället klicka på 'Insert from URL'.
Allt du behöver göra är att klistra in URL:en där ljudfilen finns.

När du har gjort det är det en bra idé att klicka på blocket 'Ljud' för att se de olika inställningar du kan konfigurera.
📝 Notera: Inställningarna du ser kan variera beroende på om du lägger till en MP3 från mediebiblioteket eller bäddar in ljud från en tredjepartssida.
Du kan till exempel göra så att ljudet spelas automatiskt genom att klicka på omkopplaren 'Autoplay'.
Ljud som börjar spelas så fort sidan laddas kan dock vara irriterande, särskilt om besökaren har volymen uppskruvad. Med det i åtanke bör du bara aktivera 'Autoplay' om det förbättrar besökarupplevelsen på något sätt.

Du kan också spela upp ljudfilen i en oändlig loop genom att klicka på omkopplaren 'Loop'.
Denna konfiguration fungerar oftast bäst för ljud som inte är för distraherande. Du kan till exempel använda den för ett instrumentalt spår som ger bakgrundsljud eller sätter stämningen.
Alternativt kan du aktivera loopning för längre ljud som besökare kanske vill lyssna på om och om igen, som ett helt album.

När du är nöjd med hur sidan eller inlägget är inställt kan du publicera eller uppdatera det.
Nu bör du se MP3:an live på din webbsida. Det betyder också att besökare kan lyssna på ljudet gratis med hjälp av blockets uppspelningskontroller.
Metod 2. Hur man lägger till MP3-ljudfiler med ett WordPress-plugin (mer anpassningsbart)
Det inbyggda blocket 'Ljud' är ett enkelt sätt att lägga till MP3-ljud på din webbplats, inklusive att bädda in innehåll från tredjepartsplattformar. Det är dock mycket begränsat, särskilt när det gäller att anpassa hur ljudspelaren ser ut och fungerar.
Om du vill lägga till en ljudfil från WordPress mediebibliotek är HTML5 Audio Player mycket mer anpassningsbar.
Det är ett av de bästa ljudspelarplugins för WordPress och stöder några olika ljudformat, inklusive MP3. Var dock medveten om att du inte kan använda detta plugin för att bädda in innehåll från tredjeparts strömningstjänster.
Först och främst installerar och aktiverar vi pluginet. Om du behöver hjälp kan du se vår guide om hur man installerar ett WordPress-plugin.
Efter aktivering behöver du skapa en ljudspelare och lägga till MP3-filen i den spelaren.
För att komma igång kan du gå till Html5 Audio Player » Html5 Audio Player. Härifrån klickar du helt enkelt på knappen 'Add Audio Player'.

När du har gjort det är nästa steg att skriva ett namn för ljudspelaren i fältet 'Add title'.
Du kan använda vilken titel du vill, eftersom detta bara är för din referens.

Därefter vill du skrolla ner till avsnittet 'Player Configuration'.
Här kan du klicka på knappen 'Add Audio' för att starta WordPress mediebibliotek. Välj sedan MP3-filen du vill använda.

Efter att ha valt en MP3 är du redo att anpassa ljudspelaren.
Som standard behöver besökare bara klicka på 'Play'-knappen för att spela upp ljudet. Så här förväntar sig de flesta besökare att en ljudspelare ska fungera, så du vill vanligtvis använda dessa standardinställningar.
Det finns dock alternativ för att stänga av ljudet som standard, automatiskt uppspelning, upprepning och mer. Du kan konfigurera dessa inställningar för att passa dina behov.
När du är nöjd med hur ljudspelaren är inställd, klickar du helt enkelt på knappen 'Spara'.

För att lägga till MP3-filen och ljudspelaren på din webbplats måste du öppna en sida eller ett inlägg. Nästa steg är att klicka på '+' -knappen.
I popup-fönstret som visas, skriv 'HTML5 Audio Player' för att hitta rätt block.
Efter det, fortsätt och klicka på 'HTML5 Audio Player – Infoga' för att lägga till blocket på din sida.

När det är klart kan du expandera rullgardinsmenyn 'Välj en spelare' och välja den ljudspelare som vi just skapade.
WordPress innehållsredigerare visar inte ljudfilen, så du kommer inte att kunna spela upp MP3-filen eller se spelaren.

Om du vill se spelaren i aktion, klickar du helt enkelt på länken 'Förhandsgranska'.
När du är redo att publicera MP3-filen, uppdatera eller publicera sidan. Sedan kan du besöka den live sidan på din WordPress-webbplats, och MP3-filen bör kunna spelas upp.
Metod 3. Hur man lägger till MP3-filer med Easy Digital Downloads (och tjänar pengar)
Både det inbyggda WordPress-ljudblocket och HTML5 Audio Player låter besökare spela upp dina MP3-filer gratis. Du kan dock överväga att sälja ljudfiler och tjäna pengar online genom att blogga med WordPress.
Som standard har WordPress inga e-handelsfunktioner. Så du behöver använda ett plugin om du vill sälja dina MP3-filer.
Det är där Easy Digital Downloads kommer in. Det är ett av de bästa WordPress e-handelsplugins som låter dig enkelt sälja e-böcker, PDF-filer, videor, MP3-ljudfiler och alla andra typer av digitala produkter.
Många av våra partnerwebbplatser använder Easy Digital Downloads för att sälja sina plugins och programvara, och de har rapporterat stora erfarenheter av det. För mer information om vår erfarenhet av det kan du kolla in vår detaljerade recension av Easy Digital Downloads.

Ännu bättre, Easy Digital Downloads är förinstallerat om du använder SiteGround som din hosting-leverantör. Detta gör att du kan börja sälja MP3-filer och andra digitala produkter direkt.
För mer information om hur du kommer igång med Easy Digital Downloads, se vår nybörjarguide om hur man säljer digitala nedladdningar på WordPress.
När du har Easy Digital Downloads konfigurerat kan du lägga till varje MP3 som en ny produkt genom att helt enkelt klicka på 'Nedladdningar' i menyn till vänster.
Du kan sedan fortsätta och klicka på knappen 'Lägg till nedladdning'.

Detta öppnar en skärm där du kan skapa en produktsida för den digitala nedladdningen.
Här är det en bra idé att lägga till all nödvändig information om din ljudfil, inklusive dess pris, beskrivning och eventuella kategorier och taggar som du vill använda.
När du har gjort det, scrolla ner till avsnittet 'Nedladdningsfiler' och klicka på ikonen som ser ut som en länk.

Detta startar WordPress mediebibliotek, där du kan välja den MP3-fil du vill sälja på din webbplats.
När du är nöjd med hur produktsidan är inställd, klickar du helt enkelt på 'Publicera'.

Nu kommer folk att kunna köpa din MP3-ljudfil genom att helt enkelt besöka din webbplats.
För mer om detta ämne kan du se vår guide om hur man säljer musik online i WordPress.
Bonustips: Öka engagemanget med bild- och videogallerier 🖼️
Vill du göra din webbplats mer interaktiv och visuellt engagerande? Prova att kombinera din ljudspelare med bild- eller videogallerier som ger ditt innehåll liv.
Att lägga till en enskild bild i WordPress är enkelt med hjälp av Bildblocket. Men när du arbetar med flera bilder är det inte idealiskt att bara stapla dem. Det skräpar ner sidan och tvingar användare att scrolla oändligt.
Istället kan du skapa ett galleri för att visa dina bilder i ett rent rutnätsliknande layout. Besökare kan bläddra bland miniatyrbilder och klicka för att se fullstora versioner utan att lämna sidan.
WordPress gör det enkelt att bygga gallerier med det inbyggda Galleribladet i Gutenberg-redigeraren. Och om du vill ha mer avancerade funktioner, som ljuslådeeffekter, album eller filtrering, erbjuder plugins som Envira Gallery kraftfulla uppgraderingar.

För steg-för-steg-instruktioner, kolla in vår guide om hur man skapar ett bildgalleri i WordPress.
Men stanna inte vid foton. Videor kan ta ditt innehåll ännu längre.
En videoslider är ett utmärkt sätt att visa upp musikvideor, bakom kulisserna-material, fan-hälsningar eller album-förhandsvisningar. Det är också bra för indieartister som lyfter fram olika spår med korta videointroduktioner och visuella element.
Med ett plugin som Soliloquy kan du skapa responsiva videosliders med bara några få klick – ingen kodning behövs. Lär dig hur i vår guide om hur man skapar en videoslider i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till MP3-ljudfiler i WordPress. Därefter kanske du vill gå igenom våra guider om hur man lägger till en ljudspelare i WordPress och hur man säljer ljudböcker online.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.


Ron i Dallas
Jag använder standardmusikspelaren och den verkar fungera bra. Men om en användare av misstag klickar på mer än en ljudfil blir det snabbt förvirrande. Jag är orolig för att de kanske inte vet hur man stoppar en ljudfil medan den de vill höra fortsätter.
Är det möjligt att ändra konfigurationen inom en sida så att endast en ljudfil spelas åt gången?
WPBeginner Support
För att ha en spellista där endast en kan spelas åt gången, bör du titta på spelarpluginet från den här artikeln, och det skulle tillåta dig att begränsa det till en ljudfil åt gången.
Admin
Jiří Vaněk
Blockredigeraren kan ibland vara mycket komplicerad, åtminstone för mig, eftersom jag är van vid Seed Prod eller Elementor. Jag är van vid att skapa ljudspår för viktiga artiklar med AI för synskadade användare. Det är en fantastisk sak. Tack för guiden om Gutenberg, som jag vanligtvis går vilse i eftersom jag inte använder den. Den sparade mig extra utrymme för ett externt plugin som jag troligen skulle ha använt.
christopher baxley
Tack för hjälpen. Min blogg är 6 månader gammal, jag hade problem med att ladda upp ljud till ett inlägg. Du gav ett tydligt och begripligt exempel på hur man laddar upp dem. Du har sparat mig mycket hjärtesorg och frustration. Tack. Ha en bra dag.
WPBeginner Support
You’re welcome, glad our article could help
Admin
Glen Donohue
Hur får jag in MP3 i blubrry press utan att behöva göra det själv hela tiden, borde finnas ett sätt för den att läsa RSS och lägga till det varje gång det finns en ny podcast?
Monique Stam
Det här fungerar bara om du har råd med WordPress Premium eller bättre, så vitt jag kan se.
Mike P.
Du kanske vill redigera det här inlägget. Sedan 3.6 (vi är på 4.X) kan WP stödja inbyggd ljudinbäddning. Pluginet behövs inte.
Michele
Fungerade utmärkt, tack!!
Carla
Det här pluginet är gammalt, men det senaste, PB oEmbed HTML5 Audio – med Cache Support, är fantastiskt!!! Det är otroligt lätt att använda. Se bara till att ta bort den extra koden runt länken som Wordpress skapar när du infogar en MP3-fil i ett inlägg eller en sida.
Förresten, för er som inte vet hur man infogar en ljudfil i ett inlägg eller en sida, lägg till den precis som du skulle göra med ett foto, med hjälp av medieknappen.
Alan Thompson
Hej
Jag är säker på att lösningen ovan fungerar mycket bra för enskilda inlägg. Har någon några idéer om hur man integrerar en musikspelare som fortsätter att spela medan användaren navigerar till andra sidor/inlägg – som listen längst ner på skärmen när du spelar ett spår på http://www.jamendo.com?
Med vänliga hälsningar
Alan
khuram khan
tack för att du delar med dig av en så bra idé …
roni
Hur man spelar auto mp3 på webbplatsen
Erin Dougherty
Det finns en gräns på 10 MB för mediefiler och min ljudfil är 11 MB. Hur kan man lägga till en mediefil som är större än 10 MB eller hur kan jag minska storleken på min mp3-fil för att kunna ladda upp den till min wordpress-webbplats?
Duckworth
Try uploading the file from inside a post or reduce the file size with any mp3 editors. There are billions of free tools out there. Neat,huh
kainer
Folk, gör er av med alla plugins som inte stöder sin tjänst på webbläsare som ie, chrome, firefox och mobiltelefoner/surfplattor. Varför utvecklar någon fortfarande detta skit?
Du kan inte använda plugins som bara betjänar 50% av alla internetanvändare!
…och om du ser ett av dessa halvfärdiga plugins: FRÄMJA DET INTE! Det är oanvändbart.
TACK för artikeln förresten….
Redaktionen
Jag tror att du missförstår pluginets kompatibilitet. Det fungerar med alla webbläsare och har en reserv Flash-baserad spelare för MP3.
För andra filformat som OGG och WAV stöds det inte i IE 8, 9 och Safari. Men återigen, vi skrev den här artikeln för MP3-filer, och det här pluginet stöder det i alla webbläsare. Formuleringen på pluginets detaljsida kan vara förvirrande, men om du tittar noga finns det ett semikolon där som separerar OGG, WAV – stöds inte.
Admin
Warren Horak
Tack för det här inlägget.
Bara ett problem, när jag uppdaterar det visas URL-länken i inlägget utan spelare? Hur kan jag fixa detta?
Tack
Warren
Osagie 'OsaGz' Alonge
Har någon märkt att det här pluginet inte fungerar på mobilen? Finns det någon ljudspelare som kan strömma musik på mobilplattformen?
Tim Hyde
Jag upptäckte nyligen oEmebed HTML5 Audio-pluginet som är riktigt enkelt. Jag ville ha ett sätt att undvika SoundCloud och deras avgifter!
Det här pluginet bäddar in HTML-ljudspelaren, med en flash-backup för alla mp3-URL:er det hittar i ditt inlägg.
http://wordpress.org/extend/plugins/oembed-html5-audio/
På så sätt kan du lagra ditt ljud var som helst. En offentlig DropBox-mapp fungerar ganska bra och kan inte vara enklare.
Noumaan Yaqoob
Tim, faktiskt är detta samma plugin som diskuteras i artikeln ovan. Ingen tvekan om att det är ett bra plugin. Idén med offentlig dropbox är cool.
Så i princip kan du bara ladda upp en ljudfil mp3 eller ogg i Dropboxes offentliga mapp. Hämta länken till filen från Dropbox och klistra bara in den i inläggen.
Greg Davis
Det har inte uppdaterats på ett tag, men ett annat bra alternativ har varit WordPress-pluginet "Audio Player": http://wordpress.org/extend/plugins/audio-player/
Liam
Tack för att du delade med dig!
Jake
Fungerar detta bra på mobilen? Jag kan tänka mig att det skulle vara svårt att klicka på knapparna på en iPhone.
Andrew Ledwith
Jag har använt Blubrry PowerPress för att bädda in ljud på flera WP-webbplatser. Jag har varit mycket nöjd med dess prestanda och robusta uppsättning alternativ.