Jak korzystać z bloku audio WordPress

Blok audio WordPressa umożliwia dostarczanie odtwarzalnych plików audio na stronach i postach. Pliki audio można dodawać z biblioteki multimediów lub adresu URL. Użytkownicy mogą odtwarzać dźwięk ze swoich przeglądarek lub pobierać je, aby słuchać offline. Jest to świetny sposób na udostępnianie muzyki, podcastów lub innych rodzajów plików audio, które Twoi goście mogą usłyszeć i wykorzystać.

W tym artykule przyjrzymy się blokowi audio i zobaczymy, jak to działa. Przyjrzymy się również, jak dodać go do Twoich postów i stron, zapoznamy się ze wskazówkami i sprawdzonymi metodami korzystania z niego oraz przyjrzymy się często zadawanym pytaniom.

Jak dodać blok audio do swojego posta lub strony?

Aby dodać blok audio, kliknij blok do wstawiania bloku w miejscu, w którym chcesz umieścić blok lub wybierz go w lewym górnym rogu. Wyszukaj Audio i kliknij na niego.

Alternatywnie możesz wpisać /audio i nacisnąć Enter w miejscu, w którym chcesz umieścić blok.

Blok audio zostanie dodany do Twojej zawartości, gdzie możesz dodać plik audio do odtworzenia lub pobrania. Kliknij, aby przesłać plik audio, wybierz go z biblioteki lub wprowadź adres URL pliku.

Twój plik audio zostanie wyświetlony jako odtwarzacz audio wraz z podpisem, w którym możesz wpisać nazwę lub inne informacje o pliku. Zawiera podstawowe opcje odtwarzacza audio.

Najechanie kursorem na ikonę głośności otwiera suwak, w którym użytkownik może zmienić poziom głośności.

Po prawej stronie znajdują się trzy kropki, które otwierają opcje dla użytkownika. To ma link do pobrania.

Ustawienia i opcje blokady audio

Blok audio zawiera ustawienia i opcje w samym bloku i prawym pasku bocznym. Przyjrzyjmy się obu.

Pasek narzędzi bloku audio

Pasek narzędzi Audio Block znajduje się nad blokiem. Pojawia się po wybraniu bloku i zawiera mniej narzędzi niż większość bloków WordPress.

Zmień typ lub styl bloku

Przekształć blok w kolumny, blok pliku, aby umożliwić użytkownikom pobranie dźwięku jako pliku lub grupę, której można stylizować. W tym przykładzie najeżdżam kursorem na Plik. Zapewnia podgląd, jak plik będzie wyglądał jako blok pliku.

Przeciągnij i przenieś

Narzędzie Przeciągnij, ikona z 6 kropkami, pozwala przeciągnąć blok w dowolne miejsce. Narzędzie Przenieś, strzałki w górę i w dół, przesuwa blok w górę lub w dół o jedno pole zawartości za każdym razem, gdy klikniesz strzałkę. Oba zapewniają łatwy sposób na przesuwanie bloku w obszarze zawartości.

Zmień wyrównanie

Opcje wyrównania określają położenie bloku na ekranie. Dostępne opcje to lewa, prawa, szeroka szerokość i pełna szerokość. Wybranie lewej lub prawej strony umieszcza go po tej stronie ekranu i otacza go blokiem treści pod nim.

To jest szeroka szerokość, która zajmuje większość szerokości ekranu.

Zastępować

Ta opcja pozwala zastąpić plik audio bez usuwania bloku. Otwórz bibliotekę, prześlij plik lub wprowadź adres URL pliku.

Opcje

Opcja zawiera standardowe ustawienia znajdujące się w większości bloków WordPress:

Ukryj więcej ustawień – ukrywa prawy pasek boczny.

Kopiuj – kopiuje blok, dzięki czemu można go wkleić w innym miejscu w treści.

Duplikat – dodaje duplikat bloku pod oryginałem.

Wstaw przed – umieszcza miejsce na blok przed blokiem.

Wstaw po – wstawia miejsce na klocek za klockiem.

Przenieś do – pozwala przesunąć blok za pomocą niebieskiej linii, aby wybrać jego położenie.

Edytuj jako HTML — przełącza blok do widoku edytora kodu, dzięki czemu można edytować kod HTML bez zmiany pozostałych bloków.

Dodaj do bloków wielokrotnego użytku – dodaje blok do listy bloków wielokrotnego użytku.

Grupa – dodaje blok do grupy, dzięki czemu można je dostosować jako pojedynczą jednostkę.

Usuń blok – usuwa blok.

Podpis

Podpis ma inny zestaw opcji, który obejmuje ustawienia pogrubienia i kursywy, łączy i innych opcji. W tym przykładzie użyłem wielu z nich. Wpływają na zaznaczony tekst.

Pogrubienie i kursywa mogą być używane razem lub niezależnie. Dodałem pogrubienie i kursywę do słowa „To” w powyższym przykładzie.

W przypadku linku zobaczysz sugestie osób, z których korzystałeś wcześniej. Zawiera opcję otwarcia linku w nowej karcie. Dodałem link do słowa „audio” w powyższym przykładzie.

Kliknięcie Więcej opcji zawiera ustawienia stylizacji tekstu. Wszystkie mają wpływ na zaznaczony tekst. W powyższym przykładzie użyłem kilku z nich. Zawierają:

Inline Code – stylizuje tekst tak, aby wyglądał jak kod.

Wbudowany obraz – dodaje wbudowany obraz z biblioteki multimediów, tak jak zrobiłem to między słowami „audio” i „podpis”.

Wprowadzanie z klawiatury – stylizuje tekst za pomocą formatowania klawiatury HTML, którego używa Twoja przeglądarka.

Przekreślenie — powoduje umieszczenie linii w tekście, podobnie jak słowo „podpis” w powyższym przykładzie.

Indeks dolny – dzięki temu tekst jest niższy i mniejszy niż reszta, jak słowo „Ty” w powyższym przykładzie.

Indeks górny – dzięki temu tekst jest wyższy i mniejszy niż reszta.

Kolor tekstu – otwiera narzędzia do zmiany koloru tekstu, tak jak zrobiłem ze słowem „ty” w powyższym przykładzie. Wybierz spośród wstępnie wybranych kolorów lub utwórz własny kolor. W przypadku kolorów niestandardowych możesz użyć selektora kolorów lub wprowadzić kod szesnastkowy, kod RGB lub kod HSL.

Ustawienia paska bocznego blokady audio

Ustawienia paska bocznego dodają ustawienia audio i ustawienia zaawansowane. Wybierz koło zębate, aby otworzyć ustawienia, jeśli pasek boczny się nie wyświetla. Wybierz blok, aby zobaczyć ustawienia dla tego konkretnego bloku. Przyjrzyjmy się bliżej ustawieniom.

Ustawienia dźwięku

Ustawienia dźwięku pozwalają wybrać sposób, w jaki odtwarzacz audio obsługuje plik. Ustawienie go na autoodtwarzanie uruchomi plik po załadowaniu strony. Ustawienie go na pętlę powoduje, że plik zaczyna się od nowa, gdy osiągnie koniec pliku.

Możesz także wybrać sposób działania wstępnego ładowania. Określa to, jaka część pliku jest pobierana, gdy strona ładuje się do przeglądarki użytkownika. Opcje obejmują:

Auto – pobiera cały plik audio, nawet jeśli użytkownik nie kliknie, aby go odtworzyć.

Metadane – pobiera tylko tekst, czyli podstawowe informacje o pliku. Sam plik audio nie zostanie pobrany, chyba że użytkownik wybierze odtwarzanie pliku.

Brak – żadne informacje ani dane nie są pobierane automatycznie.

Zaawansowany

Ustawienia zaawansowane zawierają pola dla kotwicy HTML i dodatkowych klas CSS. Kotwica HTML to adres URL, który umożliwia bezpośrednie łącze do bloku. Pole Dodatkowe klasy CSS umożliwia dodanie klas CSS do stylizacji bloku.

Wskazówki i najlepsze praktyki dotyczące skutecznego korzystania z bloku audio

Użyj podpisu, aby pokazać nazwę pliku audio.

Do opisu plików używaj wyraźnych nagłówków i akapitów. To informuje użytkownika, czego się spodziewać.

Ustaw wstępne ładowanie na brak lub metadane, aby przyspieszyć ładowanie strony dla dowolnego bloku, który nie wymaga autoodtwarzania.

Użyj autoodtwarzania i pętli dla wezwania do działania produktu. Wyłącz autoodtwarzanie i pętlę dla innych bloków audio na stronie.

Wybierz opcję Grupa, aby stylizować tło odtwarzacza audio.

Użyj tego bloku, aby umieścić dźwięk na swoich stronach i postach.

Użyj Osadź blok z adresem URL pliku, jeśli nie chcesz dołączać przycisku pobierania.

Często zadawane pytania dotyczące blokady audio

Co robi blok audio?

Dodaje odtwarzacz audio do Twojej witryny, który umożliwia użytkownikom odtwarzanie lub pobieranie pliku audio.

Jaka jest zaleta korzystania z Audio Block?

Tworzy odtwarzacz, dzięki czemu użytkownicy są świadomi, że dostępny jest plik audio, którego mogą słuchać.

Czy można go przekształcić w inne bloki?

Tak. Można go również przekształcić w blok plików, kolumny lub grupę. Blok plików pozwala użytkownikom pobrać plik, zamiast odtwarzać go za pomocą przeglądarki.

Czy do plików audio można używać innych bloków?

Tak. Możesz wkleić adres URL do osadzenia bloku, ale nie ma on ustawień audio, które ma blok audio. To da ci odtwarzacz audio na froncie, ale nie jest tak elegancki, jak ten dostarczony przez ten blok. Wersja osadzona zawiera czas na pasku śledzenia, ale nie zawiera opcji pobierania ani podpisu.

Jakie są najlepsze zastosowania tego bloku?

Ten blok może być używany do muzyki, ścieżek audio, próbek albumów, podcastów, kazań, kursów audio, audiobooków itp.

Jakich typów plików może używać blok?

Audio Block jest kompatybilny z plikami .mp3, .m4a, .ogg i .wav. Odtwarzacz wygląda i działa tak samo z każdym z typów plików.

Wniosek

Oto nasze spojrzenie na blok audio WordPress. To prosty blok z kilkoma ustawieniami. Masz kontrolę nad jego lokalizacją w treści i sposobem działania w przeglądarkach odwiedzających. Ten blok to doskonały wybór dla każdego typu pliku audio zgodnego z WordPress.

Chcemy usłyszeć od Ciebie. Czy korzystasz z Audio Block? Daj nam znać, co o tym myślisz w komentarzach.

Polecane zdjęcie za pośrednictwem wszystkiego bajgiel / shutterstock.com