Cum se folosește blocul audio WordPress

Publicat: 2021-09-15

Blocul audio WordPress vă permite să furnizați fișiere audio redabile în paginile și postările dvs. Fișierele audio pot fi adăugate din biblioteca dvs. media sau dintr-un URL. Utilizatorii pot reda audio din browserele lor sau le pot descărca pentru a le asculta offline. Acesta este un mod excelent de a furniza muzică, podcast-uri sau alte tipuri de fișiere audio pe care vizitatorii dvs. le pot auzi și utiliza.

În acest articol, vom analiza blocul audio și vom vedea cum funcționează. De asemenea, vom analiza cum să-l adăugăm la postările și paginile dvs., vom vedea sfaturi și cele mai bune practici pentru utilizarea acestuia și vom analiza întrebările frecvente.

Cum să adăugați blocul audio la postarea sau pagina dvs.

Cum să adăugați blocul audio la postarea sau pagina dvs.

Pentru a adăuga un bloc audio, faceți clic pe Block Inserter în locația în care doriți să plasați blocul sau selectați-l în colțul din stânga sus. Căutați audio și faceți clic pe el.

Cum să adăugați blocul audio la postarea sau pagina dvs.

Alternativ, puteți tasta / audio și apăsați Enter unde doriți să plasați blocul.

Cum să adăugați blocul audio la postarea sau pagina dvs.

Blocul audio va fi adăugat la conținutul dvs., unde puteți adăuga un fișier audio pentru redare sau descărcare. Faceți clic pentru a încărca fișierul audio, alegeți-l din biblioteca dvs. sau introduceți o adresă URL pentru fișier.

Cum să adăugați blocul audio la postarea sau pagina dvs.

Fișierul dvs. audio va fi afișat ca un player audio completat cu o legendă unde puteți introduce numele sau alte informații despre fișier. Include opțiunile de bază ale playerului audio.

Cum să adăugați blocul audio la postarea sau pagina dvs.

Trecând cu mouse-ul peste pictograma volumului se deschide glisorul în care utilizatorul poate modifica nivelul volumului.

Cum să adăugați blocul audio la postarea sau pagina dvs.

În dreapta sunt trei puncte care deschid opțiuni pentru utilizator. Acesta are un link de descărcare.

Setări și opțiuni de blocare audio

Setări și opțiuni de blocare audio

Blocul audio include setări și opțiuni în blocul propriu-zis și în bara laterală dreaptă. Să ne uităm la amândouă.

Bara de instrumente Audio Block

Bara de instrumente Audio Block

Bara de instrumente Audio Block este plasată deasupra blocului. Apare atunci când selectați blocul și include mai puține instrumente decât majoritatea blocurilor WordPress.

Schimbați tipul de bloc sau stilul

Schimbați tipul de bloc sau stilul

Transformați blocul în coloane, un bloc de fișiere pentru a permite utilizatorilor să descarce sunetul ca fișier sau un grup care poate fi stilizat. Plutesc peste Fișier în acest exemplu. Oferă o previzualizare a aspectului fișierului ca bloc de fișiere.

Glisați și mutați

Glisați și mutați

Instrumentul Drag, pictograma cu 6 puncte, vă permite să glisați blocul oriunde doriți. Instrumentul Mutare, săgețile sus și jos, mută blocul în sus sau în jos un spațiu de conținut de fiecare dată când faceți clic pe o săgeată. Ambele oferă o modalitate ușoară de a muta blocul în jurul zonei de conținut.

Schimbați alinierea

Schimbați alinierea

Opțiunile de aliniere determină amplasarea blocului pe ecran. Opțiunile includ stânga, dreapta, lățimea mare și lățimea totală. Alegerea stânga sau dreapta o plasează pe acea parte a ecranului și o înfășoară cu blocul de conținut de sub ea.

Schimbați alinierea

Aceasta este lățimea largă, care ocupă cea mai mare parte a lățimii ecranului.

A inlocui

A inlocui

Această opțiune vă permite să înlocuiți fișierul audio fără a șterge blocul. Deschideți biblioteca, încărcați un fișier sau introduceți adresa URL a fișierului.

Opțiuni

Opțiuni

Opțiunea include setările standard găsite în majoritatea blocurilor WordPress:

Ascundeți mai multe setări - aceasta ascunde bara laterală din dreapta.

Copiați - copiază blocul astfel încât să îl puteți lipi în altă parte din conținutul dvs.

Duplicat - aceasta adaugă un duplicat al blocului sub original.

Inserați înainte - aceasta plasează un spațiu pentru un bloc înainte de bloc.

Inserați după - aceasta plasează un spațiu pentru un bloc după bloc.

Mutare în - aceasta vă permite să mutați blocul folosind o linie albastră pentru a alege plasarea acestuia.

Editați ca HTML - aceasta comută blocul la vizualizarea editorului de cod, astfel încât să puteți edita codul HTML fără a schimba restul blocurilor.

Adăugați la blocuri reutilizabile - aceasta adaugă blocul la lista dvs. de blocuri reutilizabile.

Grup - aceasta adaugă blocul la un grup, astfel încât să le puteți regla ca o singură unitate.

Eliminare bloc - aceasta șterge blocul.

Legendă

Legendă

Legenda are un alt set de opțiuni care include setări pentru text aldin și cursiv, linkuri și mai multe opțiuni. Le-am folosit pe multe dintre ele în acest exemplu. Acestea afectează textul pe care îl evidențiați.

Opțiunile aldine și italice pot fi utilizate împreună sau independent. Am adăugat caractere aldine și cursive la cuvântul „Acesta” în exemplul de mai sus.

Pentru link, veți vedea sugestii de la cei pe care i-ați folosit anterior. Include o opțiune pentru a deschide linkul într-o filă nouă. Am adăugat un link către cuvântul „audio” în exemplul de mai sus.

Dacă faceți clic pe Mai multe opțiuni, aveți setări pentru stilizarea textului. Toate acestea afectează textul pe care îl evidențiați. Am folosit mai multe dintre ele în exemplul de mai sus. Ei includ:

Cod Inline - acesta stilizează textul pentru a arăta ca un cod.

Imagine în linie - aceasta adaugă o imagine în linie din biblioteca dvs. media, așa cum am făcut între cuvintele „audio” și „subtitrare”.

Introducere tastatură - acesta stilizează textul cu formatarea HTML a tastaturii pe care o folosește browserul dvs.

Strikethrough - aceasta plasează o linie prin text, cum ar fi cuvântul „subtitrare” în exemplul de mai sus.

Indice - aceasta face ca textul să fie mai mic și mai mic decât restul, la fel ca cuvântul „Tu” din exemplul de mai sus.

Superscript - acest lucru face ca textul să fie mai înalt și mai mic decât restul.

Culoare text - aceasta deschide instrumente de culoare pentru a schimba culoarea textului, așa cum am făcut cu cuvântul „tu” în exemplul de mai sus. Alegeți dintre culorile preselectate sau creați o culoare personalizată. Pentru culorile personalizate, puteți utiliza selectorul de culori sau introduceți codul hexagonal, codul RGB sau codul HSL.

Setări pentru bara laterală a blocului audio

Setări pentru bara laterală a blocului audio

Setările barei laterale adaugă setări audio și setări avansate. Selectați uneltele pentru a deschide setările dacă bara laterală nu este afișată. Selectați blocul pentru a vedea setările pentru acest bloc specific. Să ne uităm mai atent la setări.

Setari audio

Setari audio

Setări audio vă permite să alegeți modul în care playerul audio gestionează fișierul. Setarea acestuia la redare automată va porni fișierul la încărcarea paginii. Setarea acestuia în buclă face ca fișierul să înceapă din nou când ajunge la sfârșitul fișierului.

De asemenea, puteți alege modul în care funcționează preîncărcarea. Aceasta determină cât din fișier este descărcat atunci când pagina se încarcă în browserul utilizatorului. Opțiunile includ:

Auto - aceasta descarcă întregul fișier audio chiar dacă utilizatorul nu face clic pentru a-l reda.

Metadate - descarcă numai textul, care reprezintă informațiile de bază despre fișier. Fișierul audio în sine nu se descarcă decât dacă utilizatorul selectează redarea fișierului.

Niciuna - nu sunt descărcate automat informații sau date.

Avansat

Audio avansat

Setările avansate includ câmpuri pentru ancorele HTML și clasele CSS suplimentare. Ancora HTML este o adresă URL care vă permite să vă conectați direct la bloc. Câmpul Clase CSS suplimentare vă permite să adăugați clase CSS pentru a stiliza blocul.

Sfaturi și cele mai bune practici pentru utilizarea eficientă a blocului audio

Utilizați legenda pentru a afișa numele fișierului audio.

Utilizați titluri și paragrafe clare pentru a descrie fișierele. Aceasta informează utilizatorul la ce să se aștepte.

Setați preîncărcarea la none sau metadate pentru a accelera încărcarea paginii pentru orice bloc care nu necesită redare automată.

Utilizați redarea automată și bucla pentru CTA-urile produselor. Dezactivați redarea automată și bucla pentru alte blocuri audio de pe pagină.

Alegeți Grup pentru a stiliza fundalul playerului audio.

Folosiți acest bloc pentru a încorpora sunet în paginile și postările dvs.

Utilizați un bloc de încorporare cu adresa URL a fișierului dacă nu doriți să includeți un buton de descărcare.

Întrebări frecvente despre blocul audio

Ce face blocul audio?

Acesta adaugă un player audio pe site-ul dvs. web, care permite utilizatorilor să redea sau să descarce un fișier audio.

Care este avantajul utilizării blocului audio?

Se creează un player, astfel încât utilizatorii sunt conștienți de faptul că un fișier audio este disponibil pentru a fi ascultat.

Poate fi transformat în alte blocuri?

Da. De asemenea, poate fi transformat într-un bloc de fișiere, coloane sau un grup. Blocul de fișiere permite utilizatorilor să descarce fișierul mai degrabă decât să îl redea prin browserele lor.

Pot fi utilizate alte blocuri pentru fișiere audio?

Da. Puteți insera adresa URL într-un bloc încorporat, dar nu are setările audio pe care le are blocul audio. Vă va oferi un player audio pe partea frontală, dar nu este la fel de elegant ca cel furnizat de acest bloc. Versiunea încorporată include ora pe bara de urmărire, dar nu include o opțiune de descărcare sau o subtitrare.

Care sunt cele mai bune utilizări pentru acest bloc?

Acest bloc poate fi utilizat pentru muzică, piese audio, probe de albume, podcast-uri, predici, cursuri audio, cărți audio etc.

Ce tipuri de fișiere poate utiliza blocul?

Blocul audio este compatibil cu fișierele .mp3, .m4a, .ogg și .wav. Jucătorul arată și funcționează la fel cu fiecare dintre tipurile de fișiere.

Concluzie

Aceasta este privirea noastră asupra blocului audio WordPress. Este un bloc simplu, cu câteva setări. Aveți controlul asupra locației sale în cadrul conținutului dvs. și asupra modului în care acesta funcționează în browserele vizitatorului dvs. Acest bloc este o alegere excelentă pentru orice tip de fișier audio compatibil cu WordPress.

Vrem sa auzim de la tine. Folosiți blocul audio? Spuneți-ne ce părere aveți despre asta în comentarii.

Imagine prezentată prin tot bagel / shutterstock.com