TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak osadzić listę odtwarzania SoundCloud w witrynie WordPress?

8

WordPress oferuje domyślne skróty do wstawiania audio i list odtwarzania w Twojej witrynie. Będzie to bardzo przydatne, gdy hostujesz kilka plików audio na własnym serwerze. Ale większość z nas nie jest muzykami, którzy komponują własne dźwięki, a wykorzystanie czyjegoś dźwięku spowoduje naruszenie praw autorskich. Oto strony trzecie, takie jak SoundCloud, oferujące usługi hostingu audio i umożliwiające użytkownikom publicznym udostępnianie muzyki na uzgodnionych licencjach. Również, gdy masz dużą liczbę plików audio, dobrym pomysłem jest hostowanie ich poza serwerem. Pomoże to nie tylko poprawić szybkość ładowania strony w Twojej witrynie, ale także pomoże dotrzeć do szerszego grona odbiorców.

W tym artykule wyjaśnimy, jak osadzić playlistę SoundCloud w witrynie WordPress – zarówno WordPress.com, jak i WordPress.org.

Krok 1 – Utwórz listę odtwarzania w SoundCloud

Załóż darmowe konto SoundCloud i utwórz listę odtwarzania ze swoimi ulubionymi utworami. Wyświetl wszystkie swoje listy odtwarzania w menu „Kolekcja > Listy odtwarzania", jak pokazano poniżej:

Jak osadzić listę odtwarzania SoundCloud w witrynie WordPress?

Przeglądanie list odtwarzania w SoundCloud

Krok 2 – Uzyskaj kod do umieszczenia na liście odtwarzania

Kliknij listę odtwarzania, którą chcesz udostępnić w swojej witrynie WordPress. Zobaczysz listę utworów dodanych do listy odtwarzania i kliknij przycisk „Udostępnij”. Tutaj możesz również włączyć lub wyłączyć tasowanie listy odtwarzania.

Jak osadzić listę odtwarzania SoundCloud w witrynie WordPress?

Udostępnianie listy odtwarzania SoundCloud

Pojawi się wyskakujący ekran oferujący trzy opcje udostępniania – Udostępnij, Osadź i Wiadomość. Przejdź do zakładki „Osadź”, wybierz projekt wyświetlacza i pobierz kod do umieszczenia na swojej stronie WordPress.

Krok 2.1 – Osadź kod dla użytkowników WordPress.com

SoundCloud ma krótki kod obsługiwany tylko dla użytkowników WordPress.com. Zaznacz pole wyboru „Kod WordPress”, aby uzyskać krótki kod dla swojej witryny WordPress.com.

Jak osadzić listę odtwarzania SoundCloud w witrynie WordPress?

Uzyskiwanie kodu do umieszczenia na WordPress

Kod do osadzenia dla użytkowników WordPress.com będzie wyglądał mniej więcej tak:

[soundcloud url="https://api.soundcloud.com/playlists/299620824" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

Przewiń w dół do ekranu i kliknij „Więcej opcji”, aby zmienić kolor i włączyć lub wyłączyć autoodtwarzanie listy odtwarzania.

Jak osadzić listę odtwarzania SoundCloud w witrynie WordPress?

Włączanie autoodtwarzania

Wyświetl podgląd swojej listy odtwarzania i skopiuj kod widoczny w polu tekstowym w sekcji „Kod i podgląd”.

Krok 2.2 – Osadź kod dla użytkowników WordPress.org

Jeśli masz własną witrynę WordPress.org, upewnij się, że wyłączyłeś pole wyboru „Kod WordPress” i uzyskaj kod do osadzenia. Powinien to być kod iframe, jak pokazano poniżej:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>

Krok 3 – Wstawianie kodu osadzania SoundCloud w WordPress

Niezależnie od tego, czy masz kod do umieszczenia na WordPress.com, czy WordPress.org, proces wstawiania jest taki sam i prosty. Po prostu wklej kod do osadzenia w swoim poście lub na stronie podobnej do dowolnej treści tekstowej w edytorze „Tekst”. Powinieneś opublikować swoją witrynę, aby zobaczyć odtwarzacz audio w witrynie WordPress.com, podczas gdy przejście do edytora „Visual” spowoduje wyświetlenie odtwarzacza audio w witrynie WordPress.org. Poniżej znajduje się prawdziwy przykład odtwarzacza SoundCloud na stronie WordPress.org.

Właściwości szerokości, wysokości i autoodtwarzania odtwarzacza można bezpośrednio modyfikować w kodzie do umieszczenia na stronie. Możliwa jest również zmiana wyglądu odtwarzacza poprzez dodanie parametru „visual=true”. Na przykład powyższy domyślny odtwarzacz można zmodyfikować jak poniżej za pomocą podanego kodu:

Możesz dodać odtwarzacz w obszarze widgetu paska bocznego i stopki, wklejając kod za pomocą widgetu „Tekst”.

Wstawianie adresu URL udostępniania w WordPress

Możliwe jest również wstawienie odtwarzacza audio za pomocą udostępnionego adresu URL. Po kliknięciu przycisku „Udostępnij” po prostu skopiuj adres URL w zakładce „Udostępnij” i wklej go do edytora „Wizualnego” WordPress.

Jak osadzić listę odtwarzania SoundCloud w witrynie WordPress?

Kod URL udostępniania SoundCloud

Naciśnij Enter, aby zobaczyć, jak WordPress automatycznie konwertuje ten adres URL na listę odtwarzania, jak poniżej.

Punkty do zapamiętania

  • SoundCloud umożliwia udostępnianie poszczególnych ścieżek audio, list odtwarzania i profilu konta w witrynie WordPress.
  • Możesz użyć zarówno metody udostępniania adresu URL, jak i metody embed code.
  • Metoda udostępniania adresu URL jest dobra do udostępniania własnych list odtwarzania z szerokim zdjęciem profilowym. Kod osadzania jest zalecany do odtwarzania plików audio innych osób.
  • Share URL musi być wklejony w edytorze „Visual”, a odtwarzacz będzie widoczny w edytorze.
  • Kod embed dla witryny WordPress.com należy wkleić do edytora „Visual”, a odtwarzacz audio będzie widoczny tylko na opublikowanej witrynie.
  • Kod do umieszczenia na stronie WordPress.org należy wkleić do edytora „Tekst”, a odtwarzacz będzie widoczny w edytorze.
  • WordPress.com obsługuje skróty SoundCloud, podczas gdy WordPress.org nie. Upewnij się więc, że uzyskałeś prawidłowy kod do umieszczenia na swoim odtwarzaczu audio.
  • Odtwarzacz można dostosować, modyfikując domyślne parametry w kodzie osadzania. Ale odtwarzacza wstawionego przez udostępniony adres URL nie można dostosować.
  • WordPress.org ma wiele darmowych wtyczek do tworzenia shortcode SoundCloud i osadzania listy odtwarzania.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów