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

Så här lägger du till MP3-ljudfiler i WordPress (3 enkla metoder)

Att lägga till MP3-ljudfiler på din WordPress-webbplats kan vara ett bra sätt att dela musik, podcasts, intervjuer och annat ljudinnehåll. Det hjälper till att engagera dina besökare och kan få dem att stanna kvar på din webbplats längre.

Att ladda upp och visa ljudfiler kan dock verka lite knepigt, särskilt om du inte känner till de olika verktyg och metoder som finns tillgängliga. Du vill inte slösa tid på att kämpa med komplicerade steg eller oroa dig för kompatibilitetsproblem.

Efter omfattande forskning och tester hittade vi 3 bra 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.

How to add MP3 audio files in WordPress

Varför add to MP3 ljudfiler i WordPress?

Att dela ljudfiler på din WordPress-webbplats kan vara ett bra sätt att hålla människor engagerade och uppmuntra dem att spendera mer tid på den.

Om engagemanget på din website är högt är det mer sannolikt att besökarna kommer ihåg ditt varumärke. De kanske också vidtar action, till exempel gör ett köp eller anmäler sig till ditt nyhetsbrev via email.

När dina visitor spenderar mer tid på att utforska din website kan det vara en positiv signal för search engines. Som ett resultat kan din site få högre sökmotorsoptimering ranking och få mer trafik.

Med detta i åtanke är det en bra idé att dela MP3-ljudversioner av dina blogginlägg, podcast-avsnitt, registrerade webinar eller låtar på din website. Du kan till och med erbjuda dessa ljudfiler till försäljning.

I den här guiden visar vi dig hur du kan add to MP3-filer med ljud till en WordPress website. Om du är intresserad av en viss metod kan du klicka på länken för att hoppa vidare i artikeln:

Låt oss komma igång.

Metod 1. Hur man lägger till MP3-filer med hjälp av det inbyggda ljudblocket (stöder streamingplattformar)

Det enklaste sättet att embedda MP3-ljudfiler är att använda det built-in WordPress Audio block.

Det här enkla blocket har all viktig uppspelningskontroll, inklusive en play/pause-knapp, volymkontroller och en knapp för att ändra uppspelningshastigheten.

Om du inte behöver några mer avancerade funktioner är blocket ”Audio” ett bra val. Du kan använda blocket ”Audio” för att spela upp valfri MP3-fil från ditt WordPress-mediebibliotek.

Note: För de flesta användare rekommenderar vi inte att du uploadar MP3-filer för uppspelning på din WordPress site. Det beror på att upload av stora filer med ljud eller videoklipp kan ta upp mycket utrymme och göra din website långsammare. Du kan lära dig mer i vår guide om varför du aldrig ska uploada videoklipp till WordPress.

Alternativt kan du embed MP3-filer från populära tredjeparts plattformar för ljud som gillar Spotify och SoundCloud.

Var bara medveten om att vissa plattformar bara tillåter dig att embed ett klipp av hela ljudet. De kan också uppmuntra människor att lämna din site och lyssna på hela MP3 på sina plattformar, som i följande image:

A Spotify playlist embedded in WordPress

För att lägga till en MP3-ljudfil på din WordPress-webbplats öppnar du en sida eller ett inlägg. Gå sedan vidare och klicka på ikonen ”+”.

En popup-ruta visas då.

Gå vidare och skriv ”Audio” för att hitta rätt block. Sedan klickar du bara på blocket ”Audio” för att lägga till det på din sida.

The built-in WordPress audio block

Om du vill ladda upp en ny MP3-fil måste du klicka på ”Upload”.

Efter det kan du välja den ljudfil som du vill ladda upp från din dator.

Om du vill använda en befintlig MP3-fil klickar du på ”Mediabibliotek”. Då bör du kunna välja en ljudfil från WordPress mediebibliotek.

Uploading an audio file to your WordPress website

Om du vill embeda en MP3 från en extern site måste du istället clicka på ”Insert from URL”.

Allt du behöver göra är att klistra in webbadressen där ljudfilen finns.

Embedding Spotify audio in WordPress

När du har gjort det är det en bra idé att klicka på blocket ”Ljud” för att se de olika inställningar som du kan konfigurera.

Observera att de Settings du ser kan variera beroende på om du lägger till en MP3 från mediabiblioteket eller embedar ljud från en tredje parts site.

Du kan t.ex. få ljudet att spelas upp automatiskt genom att clicka på knappen ”Autoplay”.

Ljud som börjar spelas upp så fort page hämtar kan dock vara irriterande, viss om visitor har volymen högt uppskruvad. Med detta i åtanke bör du endast aktivera ”Autoplay” om det förbättrar upplevelsen för besökaren på något sätt.

The Audio block's autoplay settings

Du kanske också kan spela upp ljudet i en oändlig loop genom att clicka på ”Loop”-knappen.

Den här konfigurationen brukar fungera bäst för ljud som inte är alltför distraherande. Du kan till exempel använda den för ett instrumentalt track som ger bakgrundsljud eller skapar en atmosfär.

Alternativt kan du aktivera looping för längre ljud som besökarna kanske vill lyssna på om och om igen, som ett helt album.

Loop an MP3 audio file using the WordPress audio block

När du är nöjd med hur sidan eller posten är konfigurerad kan du publicera eller update den.

Vid det här laget bör du se MP3:n Live på din page. Detta innebär också att besökarna kan lyssna på ljudet gratis med hjälp av blockets knappar för uppspelningskontroll.

Metod 2. Hur man lägger till MP3-ljudfiler med hjälp av ett WordPress plugin (mer anpassningsbart)

Det built-in ’Audio’ blocket är ett enkelt sätt att add to MP3 ljud till your website, inklusive embedding av content från tredjepartsplattformar. Det är dock mycket begränsat, särskilt när det gäller att customize hur ljudspelaren ser ut och fungerar.

Om du vill add to en ljudfil från mediabiblioteket i WordPress är HTML5 Audio Player mycket mer anpassningsbar.

Det är ett av de bästa tilläggen för ljudspelare för WordPress och har stöd för några olika format, inklusive MP3. Du bör dock vänligen vara medveten om att du inte kan använda detta tillägg för att embedda content från streaming-tjänster från tredje part.

Först och främst installerar och aktiverar vi pluginet. Om du behöver hjälp kan du läsa vår guide om hur du installerar ett plugin för WordPress.

När du har aktiverat den måste du skapa en ljudspelare och add to MP3-filen till den spelaren.

För att komma igång kan du heada över till Html5 Audio Player ” Html5 Audio Player. Härifrån klickar du helt enkelt på knappen ”Add Audio Player”.

Adding an audio player to your WordPress website

När du har gjort det är nästa sak att skriva in ett namn för ljudspelaren i fältet ”Add title”.

You can use any title that you want, as this is just for your reference.

Creating an audio player widget using a plugin

Efter det rullar du till sectionen ”Player Configuration”.

Här kan du klicka på knappen ”Add Audio” för att starta mediabiblioteket i WordPress. Välj sedan den MP3-fil som du vill använda.

Adding an audio file to the HTML5 player

När du har valt en MP3 är du redo att customize ljudspelaren.

Som standard behöver visitorerna bara clicka på knappen ”Play” för att spela upp ljudet. Det är så här de flesta visitors förväntar sig 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, autoplay, repetera och mer. Du kan konfigurera dessa settings för att matcha dina behov.

När du är nöjd med hur ljudet har ställts in klickar du på knappen ”Save”.

Adding a new audio player to your WordPress website

För att add to MP3-filen och ljudspelaren till din site måste du öppna en page eller post. Nästa steg är att clicka på knappen ”+”.

I popupen som visas skriver du ”HTML5 Audio Player” för att hitta rätt block. Efter det går du vidare och klickar på ”HTML5 Audio Player – Insert” för att lägga till blocket på din page.

Adding an audio player block to your WordPress site

När du har gjort det kan du förstora dropdown-listen ”Select a Player” och välja ljudspelaren som vi just skapade.

WordPress page editor visar inte ljudfilen, så du kommer inte att kunna spela upp MP3 eller se spelaren.

An HTML5 WordPress audio block

Om du vill se spelaren i action klickar du bara på länken ”Preview”.

När du är redo att publicera MP3-filen kan du antingen updaten eller publicera page. Sedan kan du besöka live page på your WordPress website och MP3-filen ska kunna spelas upp.

Metod 3. Hur man lägger till MP3-filer med Easy Digital Downloads (och tjänar pengar)

Både det built-in WordPress Audio block och HTML5 Audio Player allow visitors to play your MP3 files for free. Du kan dock överväga att sälja ljudfiler och tjäna pengar online genom att blogga med WordPress.

Som standard har WordPress inte några funktioner för ecommerce. Så du måste 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 eCommerce-tilläggen som låter dig enkelt sälja e-böcker, PDF-filer, videoklipp, MP3-ljudfiler och alla andra typer av digitala produkter.

Många av våra partnersidor använder Easy Digital Downloads för att sälja sina plugins och programvara, och de har rapporterat bra erfarenheter med det. För mer information om vår erfarenhet av det kan du kolla in vår till vår Easy Digital Downloads granskning.

An MP3 product page created using Easy Digital Downloads

Ännu bättre, Easy Digital Downloads kommer förinstallerat om du använder SiteGround som din hosting provider. Detta allow you att 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, vänligen se vår guide för nybörjare om hur du 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å ”Downloads” i menyn till vänster.

Du kan sedan gå vidare och klicka på knappen ”Add New”.

Adding an MP3 file to Easy Digital Downloads

Då öppnas en vy där du kan skapa en product page för den digitala downloaden.

Här är det en bra idé att add to all nödvändig information om ditt ljud, inklusive price, description och eventuella produktkategorier och tagged som you vill använda.

När du har gjort det, rulla till ”Download Files” -sektionen och klicka på ikonen som gillar en länk.

How to sell an MP3 audio file using EDD

Detta startar mediabiblioteket i WordPress, där du kan välja den MP3 som du vill sälja på din webbplats.

När du är nöjd med hur produktsidan är uppbyggd klickar du bara på ”Publicera”.

Publishing an MP3 using Easy Digital Downloads

Nu kommer människor att kunna köpa din MP3-ljudfil genom att helt enkelt besöka din site.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du addar MP3-ljudfiler i WordPress. Därefter kanske du vill gå igenom våra guider om hur du lägger till en ljud- och musikspelare i WordPress och hur du säljer ljudböcker online.

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

23 kommentarerLämna ett svar

  1. Jiří Vaněk

    The block editor can sometimes be very complicated, at least for me, because I am used to Seed Prod or Elementor. I am used to creating audio tracks for important articles using AI for visually impaired users. It’s a great thing. Thanks for the guide on Gutenberg, in which I usually get lost since I don’t use it. It saved me additional space for an external plugin that I would likely have used.

  2. christopher baxley

    Thanks for the help. My blog is 6 months old, I was having issues with uploading audio into a post. You gave a clear and understanding example on how to upload them. You’ve saved me a lot of heartache and frustration. thank you. Have a great day.

    • WPBeginner Support

      You’re welcome, glad our article could help :)

      Administratör

  3. Glen Donohue

    How to get the MP3 in to blubrry press with out having to do it myself all the time should be a way for it to read rss and add it each time there is a new podcast?

  4. Monique Stam

    This only works if you can afford WordPress Premium or better, as fas as I can tell.

  5. Mike P.

    You might want to edit this post. Since 3.6 (we are on 4.X) WP can support native audio embedding. The plugin is not needed.

  6. Michele

    Worked great, thanks!!

  7. Carla

    This plugin is old, but the newest one, PB oEmbed HTML5 Audio – with Cache Support, is awesome!!! It is ridiculously easy to use. Just be sure to remove the extra code around the link that Wordpress creates when you insert an MP3 file into a post or page.

    By the way, for those who do not know how to insert an audio file into a post or page, add it just as you would a photo, using the Media button.

  8. Alan Thompson

    Hello

    I’m sure the solution above works very well for individual posts. Does anyone have any ideas how to integrate a music player which continues playing as the user browses to other pages /posts – like the bar across the bottom of the screen when you play a track at http://www.jamendo.com?
    Regards
    Alan

  9. khuram khan

    thanku for sharing such a great idea …

  10. roni

    How to play auto mp3 on website

  11. Erin Dougherty

    There’s a media file mb limit of 10mb and my audio file is 11mb. How can you add a media file larger than 10mb or how can I reduce the size of my mp3 file in order to upload it to my wordpress site?

    • 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 :D

  12. kainer

    People, get rid of all plugins that not support their service on browsers like ie, chrome, firefox and mobile phones/pads. Why somebody still developing this shit?

    You can not use plugins which only serve 50% of all internet users!

    …..and if you see one of this half baked plugins: DON’T PROMOTE IT! It is useless.

    THX for the article btw….

    • Editorial Staff

      I think you are misunderstood about the plugin’s compatability. It works with all browsers and have a backup Flash based player for MP3.

      For other file formats OGG and WAV, it is not supported on IE 8, 9, and Safari. But again, we wrote this article for MP3 files, and this plugin supports that on all browsers. The wording on the plugins detail page might be confusing, but if you look carefully, there is a semi colon there that separates OGG, WAV – not supported.

      Administratör

  13. Warren Horak

    Thanks for this post.

    Just one problem, when I update it URL link appears in the post with no player ? How can I fix this?

    Thanks

    Warren

  14. Osagie 'OsaGz' Alonge

    Has any noticed this plugin doesn’t work on mobile? Is there any audio player that can stream music on mobile platform?

  15. Tim Hyde

    I recently discovered the oEmebed HTML5 Audio plugin which is really simple. I wanted a way to avoid using SoundCloud and their fees!

    This plugin will embed the HTML audio player, with a flash backup for any mp3 url it finds in your post.

    http://wordpress.org/extend/plugins/oembed-html5-audio/

    This way you can store your audio anywhere. A public DropBox folder works pretty well and couldn’t be simpler.

    • Noumaan Yaqoob

      Tim actually this is the same plugin discussed in the article above. No doubt its a great plugin. The public dropbox idea is cool.

      So basically you can just upload an audio file mp3 or ogg in Dropbox public folder. Get the link of the file from drop box and just paste it in posts.

  16. Liam

    Thanks for sharing!

  17. Jake

    Does this work well on mobile? I can imagine that it would be hard to click the buttons on an iPhone.

  18. Andrew Ledwith

    I’ve been using Blubrry PowerPress to embed audio on several WP websites. I’ve been very pleased with its performance and robust set of options.

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.