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 do komponowania własnego dźwięku, a użycie czyjegoś dźwięku spowoduje naruszenie praw autorskich. Oto osoby trzecie, takie jak SoundCloud, oferujące usługi hostingu dźwięku 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 witrynie, ale także pomoże dotrzeć do szerszej grupy odbiorców.
w tym artykule wyjaśnimy, jak osadzić playlistę SoundCloud w swojej witrynie WordPress-zarówno WordPress.com oraz WordPress.org miejsce.
- Krok 1-Utwórz playlistę w SoundCloud
- Krok 2 – Pobierz kod osadzenia listy odtwarzania
- krok 2.1-osadzenie kodu dla WordPress.com użytkownicy
- krok 2.2-osadzenie kodu dla WordPress.org użytkowników
- Krok 3-wstawianie kodu do osadzania SoundCloud w WordPress
- Wstawianie udostępnionego adresu URL w WordPress
- punkty do zapamiętania
Krok 1-Utwórz playlistę w SoundCloud
Zarejestruj bezpłatne konto SoundCloud i utwórz playlistę ze swoimi ulubionymi utworami. Zobacz wszystkie swoje playlisty w menu „Kolekcja > playlisty”, jak pokazano poniżej:
wyświetlanie list odtwarzania w SoundCloud
Krok 2 – Pobierz kod osadzenia listy odtwarzania
kliknij listę odtwarzania, którą chcesz udostępnić na swojej stronie WordPress. Zobaczysz listę utworów dodanych do listy odtwarzania i kliknij przycisk” Udostępnij””. Możesz również włączyć lub wyłączyć tasowanie listy odtwarzania tutaj.
Udostępnianie listy odtwarzania SoundCloud
pojawi się wyskakujący ekran oferujący trzy opcje udostępniania – udostępnianie, osadzanie i wiadomość. Przejdź do zakładki „osadzanie”, Wybierz projekt wyświetlania i pobierz kod osadzania dla swojej witryny WordPress.
krok 2.1-osadzenie kodu dla WordPress.com użytkownicy
SoundCloud ma shortcode obsługiwany tylko dla WordPress.com użytkowników. Wybierz pole wyboru „kod WordPress”, aby uzyskać krótki kod dla swojego WordPress.com miejsce.
pobieranie kodu do osadzania dla WordPress
kod do osadzania WordPress.com użytkownicy będą wyglądać mniej więcej tak jak poniżej:
przewiń w dół do ekranu i kliknij „Więcej opcji”, aby zmienić kolor i włączyć lub wyłączyć automatyczne Odtwarzanie listy odtwarzania.
Włączanie Autoplay
Wyświetl podgląd listy odtwarzania i skopiuj kod wyświetlony w polu tekstowym pod „kod i podgląd”.
krok 2.2-osadzenie kodu dla WordPress.org użytkowników
Jeśli posiadasz własny hosting WordPress.org site następnie upewnij się, aby wyłączyć pole wyboru „kod WordPress” i uzyskać 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 do osadzania SoundCloud w WordPress
Czy masz kod do osadzania WordPress.com lub WordPress.org proces wstawiania jest taki sam i prosty. Wystarczy wkleić kod osadzania w swoim poście lub stronie podobnej do dowolnej zawartości tekstowej w edytorze „tekst”. Powinieneś opublikować swoją witrynę, aby zobaczyć odtwarzacz audio w WordPress.com site po przełączeniu na Edytor „Visual” pokaże odtwarzacz audio w WordPress.org miejsce. Poniżej znajduje się prawdziwy przykład odtwarzacza SoundCloud na WordPress.org miejsce.
szerokość, wysokość i właściwości autoplay odtwarzacza można bezpośrednio modyfikować w kodzie osadzania. Istnieje również możliwość zmiany wyglądu odtwarzacza poprzez dodanie parametru „visual = true”. Na przykład, powyższy domyślny odtwarzacz można zmodyfikować jak poniżej, używając podanego kodu:
<iframe width = ” 100%” height=”300″ scrolling = ” no „frameborder =” yes ” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true”></iframe>
możesz dodać odtwarzacz na pasku bocznym i obszarze widżetu stopki, wklejając kod za pomocą widżetu „tekst”.
Wstawianie udostępnionego adresu URL w WordPress
możliwe jest również wstawianie odtwarzacza audio za pomocą udostępnionego adresu URL. Po kliknięciu przycisku ” Udostępnij „wystarczy skopiować adres URL w zakładce” Udostępnij „i wkleić go do edytora” wizualnego ” WordPress.
SoundCloud Share URL Code
naciśnij klawisz enter, aby zobaczyć, że WordPress automatycznie konwertuje ten adres URL do listy odtwarzania, jak poniżej.
punkty do zapamiętania
- SoundCloud umożliwia udostępnianie indywidualnych ścieżek dźwiękowych, list odtwarzania i profilu konta w witrynie WordPress.
- możesz użyć zarówno metody share URL, jak i metody embed code.
- metoda Share URL jest dobra do udostępniania własnych list odtwarzania z szerokim zdjęciem profilowym. Kod osadzania jest zalecany do odtwarzania innych plików audio.
- udostępniony adres URL musi być wklejony w edytorze „wizualnym”, a odtwarzacz można zobaczyć w edytorze.
- Wstaw kod dla WordPressa.strona com musi być wklejona w Edytorze „Visual”, a odtwarzacz audio będzie widoczny tylko na opublikowanej stronie.
- Wstaw kod dla WordPress.org strona musi być wklejona w edytorze „tekst”, a odtwarzacz można zobaczyć w edytorze.
- WordPress.com obsługuje skróty SoundCloud podczas WordPress.org wcale nie. Upewnij się więc, aby uzyskać poprawny kod do osadzania dla odtwarzacza audio.
- odtwarzacz można dostosować, modyfikując domyślne parametry w kodzie osadzania. Ale odtwarzacz wstawiony przez udostępniony adres URL nie może być dostosowany.
- WordPress.org ma wiele darmowych wtyczek do tworzenia shortcode SoundCloud i osadzania listy odtwarzania.
