[Ad_1]

Dzięki blokowi osadzania SoundCloud dla WordPress możesz dodać album, playlistę lub utwór do swojego posta lub strony. Integracja treść SoundCloud w Gutenbergu daje wiele opcji wyglądu i działania bloku. W przeciwnym razie, jeśli po prostu skopiujesz i wkleisz link SoundCloud do Edytora klasycznego, być może będziesz mógł promować muzykę, ale Twoje możliwości będą poważnie ograniczone, jeśli chodzi o dostosowywanie i projekt strony.

W tym artykule powiemy Ci, jak osadzić album, listę odtwarzania lub ścieżkę SoundCloud w poście lub stronie WordPress. Omówimy również najlepsze praktyki, często zadawane pytania i wskazówki, które warto znać.

Zanim zaczniemy, pamiętaj, że chociaż nie potrzebujesz konta SoundCloud, aby osadzić plik treść usługi, będziesz musiał wybrać ścieżki publiczne – nie można zintegrować ścieżek prywatnych. Dodatkowo musisz użyć edytora bloków Gutenberga, aby dodać blok osadzania SoundCloud. (Omówimy jednak kilka alternatyw.)

Jak osadzić zawartość SoundCloud w WordPress

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

Jak osadzić ścieżkę SoundCloud w WordPress

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

Wbudowana chmura dźwięku

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

Wbudowana chmura dźwięku

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

Dodaj muzykę do wordpress

Wbudowana chmura dźwięku

Wklej skopiowany adres SoundCloud w pole z napisem Wprowadź adres URL do osadzenia tutaj… Kliknij integrować. Zobaczysz teraz coś takiego:

Wbudowana chmura dźwięku

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

Dodaj muzykę do wordpress

Wbudowana chmura dźwięku

Jeśli chcesz, możesz dodać napis. Pod osadzoną ścieżką znajduje się specjalny obszar, w którym można wprowadzić podpis, a także opcje formatowania.

Wbudowana chmura dźwięku

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órą chcesz dodać, i kliknij ją, aby otworzyć ją na własnej stronie. Skopiuj adres URL z paska adresu.

W polu integracji SoundCloud w WordPress wklej pasek adresu w dedykowanym miejscu. Kliknij integrować.

Rezultat jest zasadniczo taki sam, niezależnie od tego, czy dodałeś album, czy listę odtwarzania. Okładka albumu lub playlisty zostanie wyświetlona w głównej części łącza do umieszczenia na stronie, a poniżej pojawi się lista utworów do przeglądania. 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 osadzone to lista odtwarzania, a dolne osadzone to album.

Dodaj muzykę do wordpress

Komunikat o błędzie integracji

Jeśli wpiszesz coś, co nie jest linkiem, będzie to link uszkodzony lub prowadzący do treść których nie można zintegrować, pojawi się komunikat o błędzie wyglądający tak:

Wbudowana chmura dźwięku

Możesz ponownie spróbować połączyć się z linkiem lub kliknąć Konwertuj na link aby zobaczyć, czy to robi różnicę. Jeśli żadna z tych opcji nie działa, być może trzeba osadzić inną zawartość.

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. Zobaczmy, czym one są.

Opcje paska narzędzi

Po dodaniu treści do bloku osadzania kliknij go, aby wyświetlić pasek narzędzi opcji u góry. To wygląda tak:

Wbudowana chmura dźwięku

Od lewej do prawej, oto znaczenie ikon:

  • Stać się : Możesz przekształcić blok osadzania SoundCloud w akapit, kolumnę lub grupę. Jedyną opcją do rozważenia jest grupa jeden, ponieważ pozwala zmienić kolor tła bloku. Jeśli cię to nie obchodzi, zostaw to w spokoju – jest trochę trudne w użyciu.
  • Szybować: Najedź na poślizg ikonę, a kursor zmieni się w małą dłoń. Kliknij lewym przyciskiem myszy i przeciągnij blok osadzania w miejsce, w którym chcesz go umieścić na stronie.
  • W górę i w dół: Wykonanie odcisków ucha jest konieczne, abyśmy mogli stworzyć Twoje monitory Strzałka w górę przesunie blok o jedno pole w górę, a Strzałka w dół przesunie go o jedno miejsce w dół.
  • Zmień wyrównanie: Wyrównaj blok do montażu podtynkowego w lewo, w środku lub w prawo. Wyrównanie go w lewo lub w prawo zmniejszy go. W zależności od motywu możesz także mieć opcje pełnej szerokości i szerokości, które mogą zwiększyć rozmiar bloku osadzania.
  • Edytuj adres URL: Zastąp adres URL SoundCloud, aby osadzić inny album, listę odtwarzania lub utwór.
  • Opcje: Ostatnia ikona wyświetla rozwijane menu z dodatkowymi opcjami.

Menu Więcej opcji

Wbudowana chmura dźwięku

Ta rozwijana lista opcji zawiera kilka łatwych do zrozumienia opcji. Od góry do dołu są to:

  • Ukryj więcej parametrów: Ukryj (lub pokaż) pasek boczny ustawień po prawej stronie.
  • Kopiuj: Skopiuj blok i wklej go gdziekolwiek chcesz.
  • Duplikować: Zduplikuj blok, co spowoduje utworzenie jego kopii bezpośrednio pod oryginałem.
  • Wstaw przed: Dodaj blok przed wybranym.
  • Wstaw po: Dodaj blok po wybranym.
  • Aby przejść do: Spowoduje to wyświetlenie niebieskiego paska, który można przesuwać po stronie za pomocą przycisków strzałek na klawiaturze. Po umieszczeniu go tam, gdzie chcesz, kliknij Wejdź/powróć , aby przenieść blok osadzania do tej lokalizacji.
  • Edytuj w HTML: Edytuj kod HTML bloku.
  • Dodaj do bloków wielokrotnego użytku: Dodaj wybrany blok do swojej listy bloków wielokrotnego użytku. Dzięki temu możesz łatwo dodać go do innego posta lub strony lub do innej sekcji bieżącego posta lub strony.
  • Grupa: jako grupa wspomniana powyżej opcja pozwala zmienić kolor tła bloku.
  • Usuń blok: Usuń blokadę ze strony.

Opcje paska bocznego

Dodaj muzykę do wordpress

Prawy pasek boczny ma dwa ustawienia: Ustawienia multimediów i Zaawansowane. Przejrzyjmy.

Ustawienia multimediów

Jeśli aktywujesz Zmień rozmiar dla małych urządzeń w Ustawienia multimediów sekcji, blok osadzania automatycznie zmieni rozmiar zgodnie z rozmiarem ekranu. Jest to szczególnie ważne dla osób przeglądających Twoje treści na urządzeniach mobilnych, dlatego warto włączyć tę opcję.

postęp

W postęp sekcji możesz dodać blok CSS do wybranego bloku. Oznacza to, że możesz dostosować i stylizować blok według własnego uznania (oczywiście, jeśli znasz CSS).

Najlepsze praktyki i wskazówki dotyczące efektywnego korzystania z bloku SoundCloud Embed

Szybko dodawaj osadzone treści

Jeśli dokładnie wiesz, gdzie chcesz umieścić osadzone treści SoundCloud, możesz po prostu wkleić adres URL na stronie. Blok osadzania SoundCloud zostanie automatycznie utworzony dla Ciebie, ze wszystkimi takimi samymi opcjami, jak w przypadku ręcznego dodania bloku.

Osadzaj zawartość SoundCloud za pomocą klasycznego edytora

Jeśli wolisz pracować z klasycznym edytorem WordPress, zawsze 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 dla różnych dostosowań

Innym sposobem osadzania treści SoundCloud w WordPress jest użycie kodu osadzania. Przejdź do treści SoundCloud, którą chcesz osadzić, i kliknij przycisk Udział przycisk.

Wbudowana chmura dźwięku

W wyskakującym oknie możesz zmienić wygląd osadzonej zawartości. W tym przykładzie zmieniłem przycisk odtwarzania/pauzy na jasnoniebieski i dostosowałem wysokość pola osadzania.

Dodaj muzykę do wordpress

Kiedy skończysz, skopiuj kod osadzania, a następnie wklej go do bloku HTML w WordPress. Będziesz mógł zobaczyć, jak będzie wyglądać zawartość podczas podglądu strony.

Często zadawane pytania dotyczące blokowania osadzania SoundCloud

Czy SoundCloud ma tylko muzykę?

Nie! SoundCloud oferuje również podcasty. Osadzanie podcastu jest tym samym, co osadzanie utworu muzycznego. Skopiuj adres URL, a następnie wklej go w obszarze osadzania. Możesz osadzić pojedynczy odcinek lub jeśli chcesz zaprezentować cały podcast, przejdź do jego strony głównej na SoundCloud i skopiuj/wklej adres URL.

Wbudowana chmura dźwięku

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

Jeśli chcesz umieścić wiele piosenek lub odcinków podcastów w swojej 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 ustawisz listę odtwarzania jako publiczną (co musisz osadzić). Oznacza to, że jeśli dodasz prywatną ścieżkę do publicznej listy odtwarzania, ta ścieżka zawsze pozostanie prywatna.

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

Czy mogę wybrać miejsce rozpoczęcia odtwarzania ścieżki SoundCloud?

Niestety nie. Kiedy klikniesz na Udział na zawartości SoundCloud otworzy się okno. Na dole znajduje się opcja określająca miejsce rozpoczęcia odtwarzania utworu. Jednak kiedy skopiujesz i wkleisz powiązany link do bloku osadzania, tak naprawdę nie rozpocznie się ścieżka w tej części. Próbowaliśmy tego na różne sposoby, ale bez powodzenia.

Wbudowana chmura dźwięku

paczka

Integracja muzyki lub podcastów z Twoim Witryna internetowa może uczynić to doświadczenie bardziej wartościowym i zwiększyć zaangażowanie. Jeśli masz własne treści lub chcesz udostępnić treści innej osoby, blok osadzania SoundCloud to najłatwiejszy sposób na zrobienie tego z największą możliwą liczbą opcji dostosowywania i układu. Możesz dodać album, playlistę, podcast lub utwór muzyczny do swojej witryny i zezwolić na to użytkownikom odwiedzający słuchać bez przekierowania gdzie indziej. A jeśli chcą odkryć więcej, mogą łatwo kliknąć zawartość SoundCloud.

Być może zainteresuje Cię również nasz artykuł z 11 najlepszymi wtyczkami odtwarzacza audio dla WordPress. Sprawdź to!

Zdjęcie dzięki uprzejmości apghedia na Shutterstock.com



[Ad_2]

Link Źródło