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

Jak dodać pliki audio MP3 w WordPress (3 proste metody)

Czy chcesz dodać pliki audio MP3 w WordPress?

Dodając pliki MP3 do swojej witryny internetowej, możesz udostępniać muzykę, podcasty, wywiady i inne materiały audio swoim odwiedzającym i klientom. Może to sprawić, że twoja witryna będzie bardziej angażująca i zachęci ludzi do pozostania na niej na dłużej.

W tym artykule pokażemy, jak dodać pliki audio MP3 w WordPress.

How to add MP3 audio files in WordPress

Dlaczego warto dodawać pliki audio MP3 w WordPress?

Udostępnianie plików audio na twojej witrynie internetowej WordPress może być świetnym sposobem na zaangażowanie ludzi i zachęcenie ich do spędzania na niej więcej czasu.

Jeśli zaangażowanie na Twojej witrynie internetowej jest wysokie, odwiedzający będą bardziej skłonni zapamiętać Twoją markę. Mogą również podjąć działania, takie jak dokonanie zakupu lub zapisanie się do Twojego newslettera e-mail.

Gdy odwiedzający spędzają więcej czasu na przeglądaniu twojej witryny internetowej, może to być pozytywny sygnał dla wyszukiwarek. W rezultacie twoja witryna może mieć wyższe rankingi SEO i uzyskać większy ruch.

Mając to na uwadze, dobrym pomysłem jest udostępnianie wersji audio MP3 wpisów na twoim blogu, odcinków podcastów, nagrań webinarów lub piosenek na witrynie internetowej. Możesz nawet oferować te pliki audio na sprzedaż.

W tym przewodniku pokażemy, jak dodać pliki audio MP3 do witryny internetowej WordPress. Jeśli jesteś zainteresowany konkretną metodą, możesz kliknąć odnośnik, aby przejść dalej w artykule:

Metoda 1. Jak dodać pliki MP3 za pomocą wbudowanego bloku audio (pomoc techniczna dla platform streamingowych)

Najprostszym sposobem na osadzanie plików audio MP3 jest użycie wbudowanego bloku WordPress Audio.

Ten prosty blok ma wszystkie ważne elementy sterujące odtwarzaniem, w tym przycisk odtwarzania/pauzy, regulację głośności i przycisk do zmiany prędkości odtwarzania.

Jeśli nie potrzebujesz bardziej zaawansowanych funkcji, blok „Audio” jest dobrym wyborem.

Możesz użyć bloku „Audio”, aby odtworzyć dowolny plik MP3 z twojej biblioteki multimediów WordPress.

Uwaga: W przypadku większości użytkowników nie zalecamy przesyłania plików MP3 do odtwarzania na twojej witrynie WordPress. Dzieje się tak, ponieważ przesyłanie dużych plików audio lub filmów może zajmować dużo miejsca i spowalniać twoją witrynę internetową. Więcej informacji można znaleźć w naszym przewodniku na temat tego, dlaczego nigdy nie należy przesyłać filmów do WordPress.

Alternatywnie można osadzać pliki MP3 z popularnych platform audio innych firm, takich jak Spotify i SoundCloud.

Należy tylko pamiętać, że niektóre platformy umożliwiają osadzanie tylko klipu pełnego dźwięku. Mogą również zachęcać ludzi do opuszczenia twojej witryny i odsłuchania pełnego pliku MP3 na ich platformach, jak na poniższym obrazku:

A Spotify playlist embedded in WordPress

Aby dodać plik audio MP3 do twojej witryny internetowej WordPress, otwórz dowolną stronę lub wpis. Następnie kliknij ikonkę „+”.

Następnie pojawi się wyskakujące okienko. Wpisz w nim rodzaj „Audio”, aby znaleźć odpowiedni blok. Następnie możesz po prostu kliknąć blok „Audio”, aby dodać go do twojej strony.

The built-in WordPress audio block

Jeśli chcesz przesłać nowy plik MP3, kliknij przycisk „Prześlij”. Następnie wybierz plik audio, który chcesz przesłać z twojego komputera.

Jeśli chcesz użyć istniejącego pliku MP3, kliknij przycisk „Biblioteka multimediów”. Po kliknięciu przycisku można wybrać plik audio z biblioteki multimediów WordPress.

Uploading an audio file to your WordPress website

Jeśli chcesz osadzać pliki MP3 z zewnętrznych witryn, musisz kliknąć opcję „Wstaw z adresu URL”.

Następnie wystarczy wkleić adres URL, pod którym znajduje się plik audio.

Embedding Spotify audio in WordPress

Gdy już to zrobisz, dobrym pomysłem jest kliknięcie bloku „Audio”, aby zobaczyć różne ustawienia, które możesz skonfigurować.

Należy pamiętać, że widoczne ustawienia mogą się różnić w zależności od tego, czy dodajesz plik MP3 z biblioteki multimediów, czy osadzasz dźwięk z witryny innej firmy.

Na przykład, możesz automatycznie odtwarzać dźwięk, klikając przełącznik „Autoodtwarzanie”.

Jednak dźwięk, który zaczyna być odtwarzany natychmiast po wczytywaniu strony, może być irytujący, zwłaszcza jeśli użytkownik ma głośno ustawioną głośność. Mając to na uwadze, powinieneś włączać „Autoodtwarzanie” tylko wtedy, gdy w jakiś sposób poprawia to wrażenia użytkownika.

The Audio block's autoplay settings

Możesz także odtwarzać plik audio w nieskończonej pętli, klikając przełącznik „Loop”.

Ta konfiguracja działa najlepiej w przypadku dźwięku, który nie jest zbyt rozpraszający. Na przykład, można jej użyć do ścieżki instrumentalnej, która zapewnia hałas w tle lub tworzy atmosferę.

Alternatywnie można włączyć zapętlanie w przypadku dłuższych materiałów audio, których odwiedzający mogą chcieć słuchać w kółko, np. całego albumu.

Loop an MP3 audio file using the WordPress audio block

Gdy jesteś zadowolony z konfiguracji strony lub wpisu, możesz go opublikować lub zaktualizować.

Teraz powinieneś już widzieć MP3 na żywo na twojej stronie. Oznacza to również, że odwiedzający mogą słuchać dźwięku za darmo za pomocą przycisków sterowania odtwarzaniem bloku.

Metoda 2. Jak dodać pliki audio MP3 za pomocą wtyczki WordPress (bardziej konfigurowalne)

Wbudowany blok „Audio” to łatwy sposób na dodanie dźwięku MP3 do twojej witryny internetowej, w tym osadzanie treści z platform innych firm. Jest on jednak bardzo ograniczony, zwłaszcza jeśli chodzi o dostosowanie wyglądu i działania odtwarzacza audio.

Jeśli chcesz dodać plik audio z multimediów WordPress, to HTML5 Audio Player jest znacznie bardziej konfigurowalny.

Jest to jedna z najlepszych wtyczek odtwarzacza audio dla WordPressa, która obsługuje kilka różnych formatów audio, w tym MP3. Należy jednak pamiętać, że nie można używać tej wtyczki do osadzania treści z zewnętrznych serwisów streamingowych.

Przede wszystkim zainstalujmy i włączmy wtyczkę. Jeśli potrzebujesz pomocy, możesz zapoznać się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu należy utworzyć odtwarzacz audio i dodać do niego plik MP3.

Aby rozpocząć, możesz przejść do Html5 Audio Player ” Html5 Audio Player. Następnie wystarczy kliknąć przycisk „Dodaj odtwarzacz audio”.

Adding an audio player to your WordPress website

Gdy już to zrobisz, następną rzeczą do zrobienia jest rodzaj nazwy odtwarzacza audio w polu „Dodaj tytuł”.

Możesz użyć dowolnego tytułu, ponieważ jest to tylko twoje odniesienie.

Creating an audio player widget using a plugin

Następnie należy przejść do sekcji „Konfiguracja gracza”.

Tutaj możesz kliknąć przycisk „Dodaj audio”, aby uruchomić bibliotekę multimediów WordPress. Następnie wybierz plik MP3, którego chcesz użyć.

Adding an audio file to the HTML5 player

Po wybraniu pliku MP3 możesz dostosować odtwarzacz audio do własnych potrzeb.

Domyślnie odwiedzający muszą tylko kliknąć przycisk „Odtwórz”, aby odtworzyć dźwięk. Jest to sposób, w jaki większość odwiedzających oczekuje działania odtwarzacza audio, więc zazwyczaj będziesz chciał użyć tych domyślnych ustawień.

Dostępne są jednak opcje domyślnego wyciszenia dźwięku, automatycznego odtwarzania, powtarzania i inne. Możesz skonfigurować te ustawienia zgodnie z twoimi potrzebami.

Gdy będziesz zadowolony z konfiguracji odtwarzacza audio, po prostu kliknij przycisk „Zapisz”.

Adding a new audio player to your WordPress website

Aby dodać plik MP3 i odtwarzacz audio do twojej witryny, musisz otworzyć dowolną stronę lub wpis. Następnym krokiem jest kliknięcie przycisku „+”.

W wyświetlonym oknie wpisz „HTML5 Audio Player”, aby znaleźć odpowiedni blok. Następnie kliknij „HTML5 Audio Player – Insert”, aby dodać blok do twojej strony.

Adding an audio player block to your WordPress site

Po zakończeniu możesz rozwinąć listę rozwijaną „Wybierz odtwarzacz” i wybrać odtwarzacz audio, który właśnie utworzyliśmy.

Edytor strony WordPress nie wyświetla pliku audio, więc nie będzie można odtworzyć pliku MP3 ani zobaczyć odtwarzacza.

An HTML5 WordPress audio block

Jeśli chcesz zobaczyć odtwarzacz w działaniu, po prostu kliknij odnośnik „Podgląd”.

Gdy będziesz gotowy do wpisania pliku MP3, zaktualizuj lub opublikuj stronę. Następnie możesz przejść na stronę na żywo w Twojej witrynie internetowej WordPress, a plik MP3 powinien być odtwarzany.

Metoda 3. Jak dodawać pliki MP3 za pomocą Easy Digital Downloads (i zarabiać pieniądze)

Zarówno wbudowany blok audio WordPress, jak i odtwarzacz audio HTML5 umożliwiają odwiedzającym bezpłatne odtwarzanie twoich plików MP3. Możesz jednak rozważyć sprzedaż plików audio i zarabianie pieniędzy na blogu online za pomocą WordPress.

Domyślnie WordPress nie ma żadnych funkcji e-handlu. Będziesz więc musiał użyć wtyczki, jeśli chcesz sprzedawać twoje pliki MP3.

I tu z pomocą przychodzi Easy Digital Downloads. Jest to jedna z najlepszych wtyczek WordPress e-handel, która pozwala łatwo sprzedawać ebooki, pliki PDF, filmy, pliki audio MP3 i wszelkiego rodzaju inne produkty cyfrowe.

An MP3 product page created using Easy Digital Downloads

Co więcej, Easy Digital Downloads jest preinstalowane, jeśli korzystasz z SiteGround jako dostawcy hostingu. Pozwala to od razu rozpocząć sprzedaż plików MP3 i innych produktów cyfrowych.

Aby uzyskać więcej informacji na temat tego, jak rozpocząć korzystanie z Easy Digital Downloads, zapoznaj się z naszym przewodnikiem dla początkujących na temat sprzedaży cyfrowych plików do pobrania na WordPressie.

Po skonfigurowaniu Easy Digital Downloads można utworzyć każdy plik MP3 jako nowy produkt, klikając „Pliki do pobrania” w menu po lewej stronie.

Następnie możesz przejść dalej i kliknąć przycisk „Utwórz nowy”.

Adding an MP3 file to Easy Digital Downloads

Otworzy się ekran, na którym można utworzyć stronę produktu do pobrania cyfrowego.

W tym miejscu warto dodać wszystkie niezbędne informacje o twoim pliku audio, w tym jego cenę, opis oraz wszelkie kategorie produktów i tagi, których chcesz użyć.

Gdy to zrobisz, przewiń do sekcji „Pobierz pliki” i kliknij ikonkę przypominającą odnośnik.

How to sell an MP3 audio file using EDD

Spowoduje to uruchomienie multimediów WordPress, w których możesz wybrać MP3, które chcesz sprzedawać na swojej witrynie.

Gdy jesteś zadowolony z konfiguracji strony produktu, po prostu kliknij „Opublikuj”.

Publishing an MP3 using Easy Digital Downloads

Teraz ludzie będą mogli kupić Twój plik audio MP3 po prostu przechodząc na Twoją witrynę.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodawać pliki audio MP3 w WordPress. Następnie warto zapoznać się z naszymi przewodnikami na temat dodawania odtwarzacza muzyki audio w WordPress i sprzedaży audiobooków 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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

22 komentarzeZostaw odpowiedź

  1. 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 :)

      Administrator

  2. 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?

  3. Monique Stam

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

  4. 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.

  5. 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.

  6. 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

  7. khuram khan

    thanku for sharing such a great idea …

  8. roni

    How to play auto mp3 on website

  9. 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

  10. 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.

      Administrator

  11. 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

  12. 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?

  13. 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.

  14. Jake

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

  15. 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.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.