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 osadzać SoundCloud w twoich wpisach WordPress za pomocą oEmbed

Spójrzmy prawdzie w oczy: czasami sam tekst nie wystarczy, aby przyciągnąć i utrzymać zainteresowanie odwiedzającego.

Co by było, gdybyś mógł łatwo udostępniać swoją ulubioną muzykę lub nawet twoje własne utwory i podcasty bezpośrednio na swoim blogu WordPress? Cóż, możesz! Jeśli jesteś użytkownikiem SoundCloud, możesz łatwo osadzać klipy audio, listy odtwarzania, podcasty i nagrane seminaria na twojej witrynie internetowej WordPress.

W tym przyjaznym dla początkujących przewodniku nauczymy cię, jak dodać trochę audio do twoich stron i wpisów. Zobaczmy, jak dodać dźwięk SoundCloud do twojej witryny internetowej za pomocą funkcji o nazwie oEmbed.

How to Embed SoundCloud in Your WordPress Posts by using oEmbed

Dlaczego warto osadzać dźwięk SoundCloud w WordPress?

SoundCloud to popularna platforma do hostingu muzyki i podcastów, która umożliwia przesyłanie do 3 godzin dźwięku za darmo.

Kiedy publikujesz dźwięk na SoundCloud, wszystkie twoje pliki są przechowywane na ich serwerach i przesyłane strumieniowo do osób, które przejdą na twoją stronę SoundCloud. Często jednak możesz zwiększyć ruch na swoim blogu, udostępniając dźwięk również na swojej witrynie internetowej.

Dobrą wiadomością jest to, że możesz utworzyć dowolny plik audio SoundCloud na swojej witrynie internetowej WordPress za pomocą jego adresu URL, dzięki funkcji o nazwie oEmbed.

Sposób osadzania SoundCloud w twoich wpisach zależy od używanego edytora WordPress. Wystarczy kliknąć poniższe odnośniki, aby przejść do metody, która najlepiej odpowiada twoim potrzebom:

Metoda 1: Osadzanie SoundCloud w WordPress przy użyciu edytora bloków

WordPress ma kilka wbudowanych bloków, które pozwalają osadzać pliki PDF, filmy TikTok i mnóstwo innych treści. Posiada również blok SoundCloud, dzięki czemu można osadzać pliki audio bez instalowania osobnej wtyczki.

Co więcej, jeśli wkleisz odnośnik do treści wpisu, WordPress automatycznie doda blok SoundCloud.

Najpierw przejdź do SoundCloud i znajdź plik, który chcesz dodać do swojego bloga WordPress. Może to być jeden z twoich własnych utworów lub publiczny utwór stworzony przez kogoś innego. Możesz nawet osadzać całe listy odtwarzania i albumy SoundCloud.

Po otwarciu utworu, listy odtwarzania lub albumu, przewiń stronę w dół i kliknij ikonkę „Kopiuj odnośnik”.

Copying the Soundcloud link

Następnie przejdź do kokpitu WordPress i przejdź do strony lub wpisu, w którym chcesz osadzać plik SoundCloud. Teraz wystarczy wkleić adres URL do obszaru treści.

Gdy tylko wkleisz adres URL SoundCloud, WordPress pobierze kod osadzania i wyświetli odtwarzacz audio oraz ścieżkę.

Paste the URL in the Content Area

Jeśli klikniesz przycisk „Odtwórz”, dźwięk zacznie być odtwarzany w edytorze WordPress.

Po dodaniu ścieżki można ją dostosować za pomocą paska narzędzi wyświetlanego nad blokiem i ustawień w menu po prawej stronie.

You Can Change the Settings

Na przykład, jeśli chcesz ustawić maksymalną szerokość osadzania, kliknij przycisk „Wyrównaj” i wybierz opcję z wyświetlonego menu.

Domyślnie WordPress sprawi, że osadzanie będzie wyglądało na mniejsze na smartfonach i tabletach. Zalecamy włączenie tej funkcji, ale jeśli wolisz, możesz ją wyłączyć za pomocą przełącznika „Zmień rozmiar dla mniejszych urządzeń” w menu po prawej stronie.

Jeśli zmienisz to ustawienie, zalecamy przetestowanie mobilnej wersji Twojej witryny internetowej WordPress, aby upewnić się, że plik SoundCloud wygląda i działa zgodnie z oczekiwaniami.

Gdy będziesz zadowolony z konfiguracji osadzania, kliknij „Aktualizuj” lub „Opublikuj”, aby osadzać plik SoundCloud na żywo.

Metoda alternatywna: Korzystanie z własnego bloku HTML

Innym sposobem osadzania pliku Soundcloud jest użycie kodu iFrame Soundcloud i bloku WordPress Custom HTML. Ta metoda daje więcej sposobów na dostosowanie wyglądu pliku.

Najpierw na stronie audio Soundcloud kliknij przycisk „Udostępnij”.

Clicking the Share button in Soundcloud

Następnie przejdź do karty „Osadzanie”.

Tutaj znajdziesz kod Soundcloud iFrame, który możesz skopiować.

Przed skopiowaniem tego kodu możesz również dostosować kolory i ustawienia osadzanego odtwarzacza poniżej. Kod zostanie następnie zaktualizowany zgodnie z twoimi wyborami.

Copying the Soundcloud embed code

Po skopiowaniu kodu, otwórz edytor bloków dla twojej strony lub wpisu.

Następnie kliknij przycisk „+ Dodaj blok” i dodaj blok„Własny HTML„.

Adding a new Custom HTML block in the block editor

Teraz upewnij się, że jesteś na karcie HTML.

Tutaj wklej kod iFrame wewnątrz bloku.

Pasting the Soundcloud embed code in the block editor

Aby zobaczyć, jak wygląda osadzany odtwarzacz, kliknij kartę „Podgląd”.

Po zakończeniu kliknij „Aktualizuj” lub „Opublikuj”, aby wprowadzić twoje zmiany.

Previewing the Soundcloud embed code in the block editor

Metoda 2: Osadzanie SoundCloud w WordPress przy użyciu starego klasycznego edytora

Jeśli nadal korzystasz z klasycznego edytora WordPress, możesz osadzać dźwięk SoundCloud w ten sam sposób.

Zacznij od skopiowania odnośnika do utworu, albumu lub listy odtwarzania SoundCloud.

Gdy już to zrobisz, otwórz stronę lub wpis, w którym chcesz osadzać plik. Następnie wystarczy wkleić odnośnik w obszarze treści w osobnej linii.

Paste the Link on a Line of Its Own

Jeśli korzystasz z edytora wizualnego, zobaczysz podgląd odtwarzacza muzyki SoundCloud w WordPress.

Pamiętaj tylko, że nie możesz zmienić szerokości i wyrównania, tak jak w edytorze bloków WordPress.

The SoundCloud Audio Player will be Automatically Displayed

Najczęściej zadawane pytania dotyczące osadzania SoundCloud w WordPressie

Odkąd po raz pierwszy opublikowaliśmy ten przewodnik, otrzymaliśmy wiele pytań od naszych czytelników o to, jak osadzać treści SoundCloud w WordPress.

Oto odpowiedzi na niektóre z najczęściej zadawanych pytań.

1. Czy mogę osadzać podcast SoundCloud w WordPress?

Możesz łatwo osadzać podcast w WordPressie za pomocą wbudowanego bloku SoundCloud. Wystarczy wkleić odcinek podcastu lub listę odtwarzania do edytora treści, a WordPress automatycznie doda go do bloku SoundCloud.

2. Czy mogę dodać wiele utworów SoundCloud do WordPress?

Do jednego bloku SoundCloud można dodać nieograniczoną liczbę utworów. Możesz osadzać cały album lub listę odtwarzania po prostu wklejając jego adres URL do edytora treści WordPress.

Jeśli chcesz utworzyć wyselekcjonowaną listę utworów, zalecamy dodanie wszystkich tych utworów do listy odtwarzania na SoundCloud, a następnie upublicznienie listy odtwarzania. Następnie możesz osadzać listę odtwarzania w WordPressie, po prostu wklejając jej adres URL.

Pamiętaj tylko, że ustawienia prywatności każdego utworu zastąpią ustawienia twojej listy odtwarzania. Oznacza to, że nie możesz osadzać prywatnych utworów na swojej witrynie internetowej, nawet jeśli dodasz je do publicznej listy odtwarzania.

3. Jak dodać kanał SoundCloud do mojej witryny internetowej WordPress?

Możesz dodać kanał SoundCloud w dokładnie taki sam sposób, w jaki osadzasz utwór lub listę odtwarzania. Wystarczy przejść na kanał w SoundCloud i skopiować adres URL.

Następnie możesz wkleić odnośnik do edytora treści, a WordPress wyświetli całą treść z tego kanału, w tym jego baner, całkowitą liczbę utworów i przycisk „Obserwuj”. W ten sposób możesz zachęcić odwiedzających witrynę internetową do śledzenia Cię na SoundCloud.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak osadzać dźwięk SoundCloud w twoich wpisach WordPress. Następnie możesz zapoznać się z naszymi przewodnikami na temat tego, jak osadzać transmisje na żywo z YouTube lub jak dodać Google Web Stories do twojej witryny WordPress.

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

7 komentarzyZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. kaushik

    Why to take trouble when the soundcloud shortcode plugin is there !

  3. Umair Ahmad

    hi, i want to add multiple souncloud(SC) track file in wordpress page post area, i get the following code from SC site,

    [soundcloud url=”https://api.soundcloud.com/tracks/68623291″ params=”color=00aabb&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false” width=”100%” height=”166″ iframe=”true” /]

    and embed it in post, but it does not show the track, instead displaying the embed code.

    i used the plugin name „SoundCloud Shortcode” on my self hosted site, but failed,

    Moreover, i am not following your instructions. :)

    have a look or attached file, thats the result.

  4. followers

    Hey pal, I’m a hip hop producer your article was impressive, it really heleped me. I hope my soundcloud mix will be better after reading this.thank you!

  5. bdubb

    How would you add support for album art to this function?

    • Native Imaging

      I was hoping for the same function. It would be nice if the album art can Auto-Populate the Featured Image for WP Posts. Fingers Crossed! :)

  6. Georgia Hebert

    I just recently discovered this webblog and I can say current post is very useful for all

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