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.
Synder ä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 har hjälpt ägare av WordPress-webbplatser att fixa sina ljudproblem.
Efter omfattande forskning och tester har vi hittat 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 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 där.
Om ditt engagemang på webbplatsen är högt, kommer besökare mer 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 finessen: När dina besökare spenderar mer tid på 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, poddavsnitt, webbinarieinspelningar 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.
Detta enkla block 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 'Ljud'-blocket ett bra val. Du kan använda 'Ljud'-blocket 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 utdrag av det fullständiga ljudet. De kan också uppmuntra folk att lämna din webbplats och lyssna på hela MP3-filen på sina 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 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å ‘Ladda upp’.
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å ‘Mediebibliotek’. Då 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å ‘Infoga från 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 tredjepartswebbplats.
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 kanske också kan spela upp ljudfilen i en oändlig loop genom att klicka på omkopplaren 'Loop'.
Den här konfigurationen tenderar att fungera 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 skapar atmosfär.
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. Detta innebär också att besökare kan lyssna på ljudet gratis med hjälp av blockets uppspelningskontrollknappar.
Metod 2. Hur man lägger till MP3-ljudfiler med ett WordPress-plugin (mer anpassningsbart)
Det inbyggda 'Audio'-blocket ä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, då är HTML5 Audio Player mycket mer anpassningsbar.
Det är ett av bästa ljudspelarpluginsen 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 tredjepartsströmningstjänster.
Först och främst, låt oss installera och aktivera 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 'Lägg till ljudspelare'.

När du har gjort det, är nästa sak att göra att skriva ett namn för ljudspelaren i fältet 'Lägg till titel'.
Du kan använda vilken titel du vill, eftersom detta bara är för din referens.

Därefter vill du skrolla till sektionen 'Player Configuration'.
Här kan du klicka på knappen 'Lägg till ljud' 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å 'Spela'-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, spela upp automatiskt, upprepa 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, klicka bara på knappen 'Spara'.

För att lägga till MP3-filen och ljudspelaren på din webbplats behöver du öppna en sida eller ett inlägg. Nästa steg är att klicka på '+'-knappen.
I popup-fönstret som visas, skriv in ‘HTML5 Audio Player’ för att hitta rätt block.
Därefter kan du klicka på 'HTML5 Audio Player – Insert' 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ållsredigeraren visar inte ljudfilen, så du kommer inte att kunna spela upp MP3-filen eller se spelaren.

Om du vill se spelaren i aktion, klicka bara 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 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. Därför behöver du 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-handelspluginsen 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 fantastiska erfarenheter av det. För mer information om vår erfarenhet av det kan du läsa vår detaljerade recension av Easy Digital Downloads.

Ännu bättre, Easy Digital Downloads är förinstallerat om du använder SiteGround som din värdleverantö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 konfigurerat Easy Digital Downloads 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 ny’.

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 till avsnittet ‘Ladda ner filer’ 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 helt enkelt genom att 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 enda 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 en ren, 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 galleribläcket i Gutenberg-redigeraren. Och om du vill ha mer avancerade funktioner, som ljusboxeffekter, 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 nöj dig inte med 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. Den ä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 videoslideshows med bara några få klick – ingen kodning behövs. Lär dig hur i vår guide om hur man skapar en videoslideshow 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 ljudmusikspelare i WordPress och hur man säljer ljudböcker online.
Om du gillade den här artikeln, prenumerera då 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 de ska stoppa en ljudfil medan de låter den de vill höra fortsätta.
Ä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 bara en kan spelas åt gången, skulle du vilja 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 väldigt 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 hjälp av AI för synskadade användare. Det är en fantastisk sak. Tack för guiden om Gutenberg, där jag vanligtvis går vilse 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 i ett inlägg. Du gav ett tydligt och förståeligt 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
Detta fungerar bara om du har råd med WordPress Premium eller bättre, så vitt jag kan avgöra.
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. Plugin-programmet behövs inte.
Michele
Fungerade utmärkt, tack!!
Carla
Den här pluginen är gammal, men den nyaste, PB oEmbed HTML5 Audio – med Cache Support, är fantastisk!!! Den är löjligt enkel 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 dem 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 kan integrera 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 man spelar ett spår på http://www.jamendo.com?
Hälsningar
Alan
khuram khan
tack för att du delar 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 du 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 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 den här skiten?
Du kan inte använda plugins som bara tjänar 50% av alla internetanvändare!
…..och om du ser en av dessa halvfärdiga plugins: FRÄMJA DEN INTE! Den är värdelös.
Tack för artikeln förresten....
Redaktionell personal
Jag tror att du missförstår pluginets kompatibilitet. Det fungerar med alla webbläsare och har en reservspelare baserad på Flash för MP3.
För andra filformat OGG och WAV stöds det inte på 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 på 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 – inte stöds.
Admin
Warren Horak
Tack för det här inlägget.
Bara ett problem, när jag uppdaterar länken visas URL:en i inlägget utan spelare? Hur kan jag fixa detta?
Tack
Warren
Osagie 'OsaGz' Alonge
Har någon märkt att detta plugin inte fungerar på mobilen? Finns det någon ljudspelare som kan strömma musik på mobilplattformen?
Tim Hyde
Jag upptäckte nyligen plugin-programmet oEmebed HTML5 Audio som är riktigt enkelt. Jag ville ha ett sätt att undvika att använda SoundCloud och deras avgifter!
Detta plugin bäddar in HTML-ljudspelaren, med en flash-backup för alla mp3-URL:er som den 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. Utan tvekan är det ett utmärkt plugin. Idén med offentlig dropbox är cool.
Så i princip kan du bara ladda upp en ljudfil mp3 eller ogg i en offentlig mapp på Dropbox. Hämta länken till filen från Dropbox och klistra bara in den i inlägg.
Greg Davis
Den 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 delar 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.