Jak korzystać z bloku osadzania SoundCloud

Dzięki blokowi osadzania SoundCloud dla WordPress możesz dodać album, playlistę lub utwór do swojego posta lub strony. Osadzanie treści SoundCloud w Gutenbergu daje wiele opcji dotyczących wyglądu i funkcji bloku. W przeciwnym razie, jeśli po prostu skopiujesz i wkleisz link SoundCloud do klasycznego edytora, możesz być w stanie zaprezentować muzykę, ale Twoje opcje będą poważnie ograniczone, jeśli chodzi o dostosowania i projekt strony.

W tym artykule omówimy, jak osadzić album, playlistę lub utwór SoundCloud w poście lub na stronie WordPress. Omówimy również sprawdzone metody, najczęściej zadawane pytania i wskazówki, które warto znać.

Zanim zaczniemy, pamiętaj, że chociaż nie potrzebujesz konta SoundCloud do osadzania treści z usługi, musisz wybrać ścieżki publiczne – nie można osadzić ścieżek prywatnych. Ponadto musisz użyć edytora bloków Gutenberg, aby dodać blok osadzania SoundCloud. (Omówimy jednak kilka alternatyw).

Subskrybuj nasz kanał YouTube

Jak osadzić zawartość SoundCloud w WordPress

Najpierw omówimy, jak dodać ścieżkę SoundCloud do posta lub strony WordPress. Następnie szybko omówimy, jak dodać album/listę odtwarzania, ponieważ proces jest podobny do dodawania utworu.

Jak osadzić ścieżkę SoundCloud w WordPress

Przejdź do SoundCloud i znajdź ścieżkę, którą chcesz osadzić w WordPress. Kliknij utwór, aby otworzyć go na własnej stronie. Skopiuj adres URL z paska adresu u góry strony.

Przejdź do WordPressa i utwórz lub edytuj post lub stronę. W głównej części strony powinien być widoczny znak plus . Jeśli go nie widzisz, kliknij gdzieś w treści strony, a powinien się pojawić.

Kliknij znak plus, aby wyświetlić selektor bloków. Wpisz „SoundCloud” w polu wyszukiwania , a następnie wybierz powiązany blok. Blok osadzania SoundCloud zostanie teraz dodany do Twojej strony lub posta.

Wklej skopiowany adres SoundCloud w polu Wprowadź adres URL, aby osadzić tutaj… Kliknij opcję Osadź . Zobaczysz teraz coś takiego:

Aby zobaczyć, jak będzie wyglądać w Twojej witrynie po opublikowaniu, kliknij Podgląd > Pulpit > Podgląd w nowej karcie w prawym górnym rogu strony.

Jeśli chcesz, możesz dodać podpis. Pod osadzoną ścieżką znajduje się specjalny obszar, w którym można wpisać podpis wraz z opcjami formatowania.

Jak osadzić album lub listę odtwarzania SoundCloud w WordPress

Osadzanie albumu lub listy odtwarzania z SoundCloud jest bardzo podobne do dodawania utworu. W SoundCloud przejdź do albumu lub listy odtwarzania, który chcesz dodać, i kliknij go, aby otworzyć go na własnej stronie. Skopiuj adres URL z paska adresu.

W polu osadzania SoundCloud w WordPress wklej pasek adresu do dedykowanego miejsca. Kliknij Osadź .

Wynik jest zasadniczo taki sam, niezależnie od tego, czy dodano album, czy listę odtwarzania. Okładka albumu lub listy odtwarzania będzie wyświetlana w głównej części osadzonego łącza, a pod nią będzie znajdować się lista utworów, którą można przewijać. Gdy najedziesz kursorem na utwory i przewiniesz, główna okładka zmniejszy się, aby odsłonić większą część listy utworów. Na tym zrzucie ekranu górne osadzanie to lista odtwarzania, a dolne osadzanie to album.

Komunikat o błędzie osadzenia

Jeśli wprowadzisz coś, co nie jest łączem, jest to uszkodzony link lub prowadzi do treści, której nie można osadzić, otrzymasz komunikat o błędzie, który wygląda tak:

Możesz spróbować połączyć ponownie lub kliknąć Konwertuj na łącze, aby sprawdzić, czy to coś zmieni. Jeśli jednak żadna opcja nie działa, może być konieczne osadzenie innej treści.

Opcje blokowania osadzania SoundCloud

Istnieją dwa różne obszary, w których znajdziesz opcje bloku osadzania SoundCloud: U góry paska i na prawym pasku bocznym. Przyjrzyjmy się, czym one są.

Opcje paska narzędzi

Po dodaniu zawartości do bloku embed, kliknięcie go spowoduje wyświetlenie paska narzędzi opcji u góry. To wygląda tak:

Oto znaczenie ikon od lewej do prawej:

• Przekształć do: Możesz zmienić blok osadzania SoundCloud na akapit, kolumnę lub grupę. Jedyną opcją do przemyślenia jest opcja Grupowa, ponieważ pozwala ona zmienić kolor tła bloku. Jeśli ci to nie zależy, zostaw to w spokoju – jest to trochę trudne w użyciu.
• Przeciągnij: najedź na ikonę przeciągania , a kursor zmieni się w małą rączkę. Kliknij lewym przyciskiem myszy i przeciągnij blok osadzania w dowolne miejsce, w którym chcesz go umieścić na stronie.
• Przenieś w górę i Przenieś w dół: Strzałka w górę przesunie blok o jedno pole w górę, a strzałka w dół przesunie go o jedno pole w dół.
• Zmień wyrównanie: Wyrównaj osadzony blok do lewej, do środka lub do prawej. Wyrównanie go w lewo lub w prawo zmniejszy go. W zależności od motywu możesz także mieć opcje pełnej i szerokiej szerokości, co może powiększyć blok osadzania.
• Edytuj adres URL: zastąp adres URL SoundCloud, aby osadzić inny album, playlistę lub utwór.
• Opcje: Ostatnia ikona otwiera rozwijane menu z dodatkowymi opcjami.

Menu Więcej opcji

To menu rozwijane zawiera kilka łatwych do zrozumienia opcji. Od góry do dołu są one następujące:

• Ukryj więcej ustawień: Ukryj (lub pokaż) pasek boczny ustawień po prawej stronie.
• Kopiuj: Skopiuj blok i wklej go w dowolnym miejscu.
• Powiel: Powiel blok, co spowoduje utworzenie jego kopii bezpośrednio pod oryginalnym.
• Wstaw przed: Dodaj blok przed wybranym.
• Wstaw po: Dodaj blok po wybranym.
• Przenieś do: Wyświetli niebieski pasek, który możesz przesuwać po stronie za pomocą przycisków strzałek na klawiaturze. Po umieszczeniu go w żądanym miejscu kliknij Enter/Return, aby przenieść blok osadzania w to miejsce.
• Edytuj jako HTML: Edytuj kod HTML bloku.
• Dodaj do bloków wielokrotnego użytku: Dodaj wybrany blok do listy bloków wielokrotnego użytku. Dzięki temu możesz łatwo dodać go do innego postu lub strony lub do innej sekcji bieżącego posta lub strony.
• Grupa: Podobnie jak wspomniana powyżej opcja Grupuj , pozwala to zmienić kolor tła bloku.
• Usuń blok: Usuń blok ze strony.

Opcje paska bocznego

Prawy pasek boczny ma dwa ustawienia: Ustawienia multimediów i Zaawansowane. Przyjrzyjmy się im.

Ustawienia mediów

Jeśli włączysz opcję Zmień rozmiar dla mniejszych urządzeń w sekcji Ustawienia multimediów , blok osadzania automatycznie zmieni rozmiar w zależności od rozmiaru ekranu. Jest to szczególnie ważne dla osób przeglądających Twoje treści na urządzeniu mobilnym, dlatego warto włączyć tę opcję.

Zaawansowany

W sekcji Zaawansowane możesz dodać blok CSS do wybranego bloku. Oznacza to, że możesz dostosować i stylizować blok tak, jak chcesz (jeśli znasz CSS, to znaczy).

Najlepsze praktyki i wskazówki dotyczące skutecznego korzystania z bloku osadzania SoundCloud

Szybkie dodawanie osadzonych treści

Jeśli dokładnie wiesz, gdzie chcesz umieścić osadzoną zawartość SoundCloud, możesz po prostu wkleić adres URL na stronie. Blok osadzania SoundCloud zostanie automatycznie utworzony dla Ciebie, z tymi samymi opcjami, jak gdybyś miał ręcznie dodać blok.

Osadź zawartość SoundCloud za pomocą klasycznego edytora

Jeśli wolisz pracować z klasycznym edytorem WordPress, nadal możesz osadzić zawartość SoundCloud. Po prostu skopiujesz i wkleisz link w dowolnym miejscu w treści posta lub strony. Spowoduje to automatyczne osadzenie treści. Jednak nie będziesz mieć takich samych opcji paska narzędzi, jak w przypadku bloku Gutenberga.

Użyj kodu osadzania do różnych dostosowań

Innym sposobem osadzenia treści SoundCloud na WordPressie jest użycie kodu do osadzenia. Przejdź do zawartości SoundCloud, którą chcesz osadzić, i kliknij przycisk Udostępnij .

W wyskakującym okienku możesz wprowadzić zmiany w wyglądzie osadzonych treści. W tym przykładzie zmieniłem przycisk odtwarzania/wstrzymania na jasnoniebieski i dostosowałem wysokość pola do osadzania.

Po zakończeniu skopiuj kod do osadzenia, a następnie wklej go do bloku HTML w WordPress. Będziesz mógł zobaczyć, jak zawartość będzie wyglądać, gdy wyświetlisz podgląd strony.

Często zadawane pytania dotyczące bloku osadzania SoundCloud

Czy SoundCloud ma tylko muzykę?

Nie! SoundCloud ma również podcasty. Umieszczanie podcastu jest takie samo, jak umieszczanie utworu muzycznego. Skopiuj adres URL, a następnie wklej go w polu osadzania. Możesz osadzić pojedynczy odcinek lub jeśli chcesz zaprezentować podcast w całości, przejdź do jego strony głównej w SoundCloud i skopiuj / wklej adres URL.

Czy mogę dodać wiele ścieżek do bloku osadzania SoundCloud?

Jeśli masz kilka utworów lub odcinków podcastów, które chcesz umieścić w witrynie WordPress, możesz utworzyć własną listę odtwarzania, a następnie ją osadzić. Pamiętaj, że ustawienia prywatności każdego utworu zostaną zachowane, nawet jeśli upublicznisz playlistę (jest to konieczne, aby ją umieścić). Oznacza to, że jeśli dodasz prywatny utwór do publicznej listy odtwarzania, pozostanie on prywatny.

https://help.soundcloud.com/hc/en-us/articles/115003449787-Tworzenie-i-dodawanie-utworow-do-odtwarzania

Czy mogę wybrać, gdzie rozpocznie się odtwarzanie ścieżki SoundCloud?

Niestety nie. Po kliknięciu przycisku Udostępnij na zawartości SoundCloud pojawia się okno. Na dole znajduje się opcja, od której zacząć odtwarzanie utworu. Jednak po skopiowaniu i wklejeniu skojarzonego linku do bloku embed, ścieżka w rzeczywistości nie rozpocznie się w tej części. Próbowaliśmy na kilka różnych sposobów, ale bez powodzenia.

Zawijanie

Integracja muzyki lub podcastów z Twoją witryną może sprawić, że doświadczenie będzie bardziej wartościowe i zwiększy zaangażowanie. Jeśli masz własne treści lub chcesz udostępnić komuś innemu, blok osadzania SoundCloud jest najłatwiejszym sposobem na zrobienie tego z największą liczbą opcji dostosowywania i układu. Możesz dodać album, playlistę, podcast lub utwór muzyczny do swojej witryny i pozwolić odwiedzającym słuchać bez przekierowywania w inne miejsce. A jeśli chcą dowiedzieć się więcej, mogą łatwo przejść do treści na SoundCloud.

Możesz również zainteresować się naszym artykułem z 11 najlepszymi wtyczkami odtwarzacza audio dla WordPress. Sprawdź to!

Polecane zdjęcie autorstwa apghedia na Shutterstock.com