Czy chcesz osadzać pliki audio w swoich wpisach na blogu WordPress?
Dodawanie odcinków podcastów, utworów muzycznych i nagrań z seminariów do twojej witryny internetowej to świetny sposób na poprawę wrażeń odwiedzających i zwiększenie zaangażowania. Możesz także sprawić, że ludzie będą wracać na twoją witrynę, regularnie wpisując nowe treści audio.
W tym artykule pokażemy, jak dodać dźwięk SoundCloud do twoich wpisów w WordPressie za pomocą funkcji o nazwie 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
Łatwo jest dodać SoundCloud do twoich wpisów WordPress dzięki wbudowanemu blokowi SoundCloud w edytorze bloków.
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”.
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ę.
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.
Na pasku narzędzi kliknij przycisk „Wyrównaj”, aby zmienić szerokość i wyrównanie pliku.
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”.
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.
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„.
Teraz upewnij się, że jesteś na karcie HTML.
Tutaj wklej kod iFrame wewnątrz bloku.
Aby zobaczyć, jak wygląda osadzany odtwarzacz, kliknij kartę „Podgląd”.
Po zakończeniu kliknij „Aktualizuj” lub „Opublikuj”, aby wprowadzić twoje zmiany.
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.
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.
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 naszym przewodnikiem na temat tego, jak rozpocząć swój własny podcast lub z naszą listą najlepszych wtyczek galerii filmów YouTube dla 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.
Syed Balkhi says
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!
kaushik says
Why to take trouble when the soundcloud shortcode plugin is there !
Umair Ahmad says
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.
followers says
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!
bdubb says
How would you add support for album art to this function?
Native Imaging says
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!
Georgia Hebert says
I just recently discovered this webblog and I can say current post is very useful for all