Cum să adăugați un widget pentru redarea muzicii audio în WordPress (2 metode)

Dacă ești muzician, podcaster sau ai un blog unde sunetul joacă un rol important, probabil ai observat că sunetul implicit al WordPress este destul de limitat.

Puteți încărca fișiere, sigur. Dar crearea acelei experiențe de ascultare lustruită și fără întreruperi pe care o merită vizitatorii dvs.? Acolo devine complicat.

Am văzut această provocare apărând din nou și din nou în timp ce ajutam la lansarea blogurilor de muzică și a site-urilor de podcasturi.

Din fericire, există soluții simple care funcționează. După cercetarea celor mai bune instrumente și pluginuri pentru muzică, am găsit 2 opțiuni simple: blocul Audio și pluginul HTML5 Audio Player.

În acest ghid, vă vom prezenta 2 metode pentru a adăuga un widget pentru redare muzică audio în WordPress. Astfel, puteți alege metoda care se potrivește nevoilor dvs. și puteți avea playerul audio funcțional în cel mai scurt timp. 🎶

De ce să adăugați un widget pentru player audio muzical în WordPress

Un widget pentru player audio face ca vizitatorii să poată asculta conținutul dvs. fără a părăsi site-ul.

Este deosebit de util pentru muzicieni, podcasteri și creatori de conținut care doresc să-și prezinte munca într-un mod profesionist și accesibil. În loc să trimiteți oamenii către platforme externe, îi puteți menține angajați pe propriul site web, unde aveți mai mult control.

Un player audio pentru muzică vă poate ajuta chiar să câștigați mai mulți bani prin afișarea de reclame pe site-ul dvs. sau prin vânzarea fișierelor audio ca descărcări digitale direct.

Și dacă nu creați audio original, încorporarea melodiilor de pe platforme precum Spotify este încă o modalitate inteligentă de a face site-ul dvs. mai dinamic și mai captivant.

Poate ajuta vizitatorii să rămână mai mult timp pe site-ul dvs., ceea ce îmbunătățește metricile cheie precum timpul petrecut pe site.

Cel mai bun lucru este că widgeturile audio nu sunt doar pentru muzică. 💡

Le puteți folosi pentru a încorpora podcasturi, audiobook-uri, meditații ghidate sau conținut educațional. Acest lucru face ca site-ul dvs. să fie mai versatil și mai atractiv pentru utilizatorii audio-first, inclusiv pentru persoanele cu deficiențe de vedere.

Având în vedere acest lucru, vă vom arăta cum să adăugați un player audio muzical în WordPress folosind 2 metode. Puteți utiliza linkurile rapide de mai jos pentru a sări direct la metoda pe care doriți să o utilizați:

• Metoda 1. Cum să adăugați un widget pentru redare muzică audio folosind blocul Audio (Ușor)
• Metoda 2. Cum să adăugați un widget pentru redarea audio de muzică folosind un plugin (mai personalizabil)
• Sfat bonus: Faceți-vă site-ul mai distractiv folosind galerii de imagini și video
• Întrebări frecvente: Cum să adăugați un widget pentru redare audio în WordPress
• Mai multe ghiduri despre utilizarea audio pe WordPress

Să explorăm cum să aduci puterea muzicii pe site-ul tău WordPress! 🎧

Metoda 1. Cum să adăugați un widget pentru redare muzică audio folosind blocul Audio (Ușor)

Cu această metodă, puteți crea un player audio simplu folosind blocul Audio încorporat în WordPress. Acest bloc poate reda orice format de fișier audio, inclusiv fișiere .mp3, .m4a, .ogg sau .wav.

Playerul audio încorporat al WordPress este foarte simplu în comparație cu majoritatea pluginurilor. Are un buton de redare/pauză, controale de volum, un buton de descărcare și un buton pentru a schimba viteza de redare.

Este o alegere bună dacă doriți să adăugați câteva clipuri audio scurte pe site-ul dvs. fără a avea nevoie de funcții avansate.

Dacă încorporați conținut dintr-o platformă terță suportată, cum ar fi Spotify sau SoundCloud, blocul Audio va afișa controalele de redare pentru acea platformă. De asemenea, poate afișa conținut suplimentar de pe platformă, cum ar fi numele artistului și imaginea copertei.

De exemplu, iată un bloc Audio cu conținut SoundCloud încorporat.

Pentru a adăuga un player audio simplu pentru muzică pe site-ul tău WordPress, poți deschide orice pagină sau postare și poți face clic pe pictograma „+”.

În fereastra pop-up care apare, tastați „Audio” în bara de căutare pentru a găsi blocul corect. Puteți apoi face clic pe blocul Audio pentru a-l adăuga pe pagina dvs.

În acest moment, puteți adăuga un fișier audio sau puteți încorpora un clip audio de pe o altă platformă.

Pentru a adăuga un fișier audio de pe computer, faceți clic pe „Încărcați” și apoi alegeți fișierul de pe unitatea locală a computerului.

O altă opțiune este să faceți clic pe butonul „Bibliotecă media” și apoi să alegeți un fișier existent în biblioteca media WordPress.

Dacă încărcați întregul fișier audio, s-ar putea să doriți să oferiți vizitatorilor opțiunea de a vă sprijini munca de muzician sau podcaster trimițându-vă o donație. Pentru un ghid pas cu pas, puteți consulta ghidul nostru despre cum să adăugați un buton de donație Stripe în WordPress.

Doriți să încorporați audio dintr-o altă platformă?

Acest lucru funcționează ca adăugarea de videoclipuri în WordPress. Pur și simplu lipiți linkul YouTube, iar WordPress va plasa automat playerul pe pagina dvs.

Fiți conștient că majoritatea platformelor încorporează doar o previzualizare a fișierului audio complet. Blocul poate chiar încuraja oamenii să părăsească site-ul dvs. și să viziteze platforma terță pentru a asculta audio-ul complet.

În imaginea următoare, blocul Audio direcționează vizitatorii către site-ul web Spotify.

Dacă sunteți muzician, atunci acest lucru ar putea crește redevențele dvs. prin încurajarea vizitatorilor să vă asculte conținutul pe alte platforme. Cu toate acestea, poate, de asemenea, să îndepărteze oamenii de pe site-ul dvs. și să-i direcționeze către alte platforme.

Pentru a încorpora audio dintr-o platformă terță, puteți începe prin a face clic pe butonul „Inserare din URL”. Aceasta va deschide o bară mică „Lipește sau tastează URL”.

Acum puteți introduce URL-ul clipului audio pe care doriți să îl încorporați pe blogul dvs. WordPress.

De obicei, trebuie doar să vizitați melodia sau fișierul audio pe care doriți să îl încorporați și apoi să deschideți setările sale de „Partajare”.

După aceea, puteți copia URL-ul furnizat.

De exemplu, să vedem cum poți încorpora orice melodie Spotify pe site-ul tău.

Pentru a începe, găsiți melodia sau playlistul pe care doriți să-l adăugați pe site-ul dvs. WordPress. Apoi, pur și simplu faceți clic pe cele trei puncte pe care Spotify le afișează lângă playlist sau melodie.

După ce ați făcut acest lucru, faceți clic pe Partajați » Copiați melodia.

Pentru a adăuga sunetul la widgetul de redare muzicală, copiați și lipiți linkul în blocul Audio.

În exemplul nostru Spotify, WordPress va transforma blocul Audio într-un bloc Spotify.

Această modificare se întâmplă automat, deci nu este ceva de care să vă faceți griji.

După adăugarea unui fișier audio, puteți face clic pe blocul Audio pentru a vedea ce setări puteți configura pentru acel bloc.

Setările pe care le vedeți pot varia în funcție de dacă ați încărcat un fișier audio sau ați încorporat o previzualizare dintr-un site terț.

De exemplu, puteți seta adesea ca sunetul să se redea automat făcând clic pe comutatorul „Redare automată”.

Majoritatea acestor setări sunt auto-explicative, așa că este o idee bună să le explorați pentru a vedea ce funcționează cel mai bine pentru site-ul dvs.

Puteți actualiza sau publica pagina atunci când sunteți mulțumit de modul în care este configurat blocul.

Acum, dacă vizitezi pagina de pe site-ul tău, vei vedea playerul audio pentru muzică live. Poți asculta și sunetul folosind butoanele de redare ale blocului.

Metoda 2. Cum să adăugați un widget pentru redarea audio de muzică folosind un plugin (mai personalizabil)

Blocul audio WordPress este un instrument simplu pentru adăugarea de playere audio. Este ușor de utilizat, dar nu oferă multe opțiuni pentru a schimba modul în care arată sau funcționează.

De asemenea, nu puteți crea un player și să îl utilizați în diferite părți ale site-ului dvs. Va trebui să adăugați un player nou de fiecare dată când doriți să utilizați unul.

Dacă doriți funcționalități mai avansate și playere audio reutilizabile, atunci vă recomandăm pluginul HTML5 Audio Player.

Similar cu blocul audio al WordPress, acest plugin poate reda diverse formate de fișiere audio, cum ar fi un fișier .mp3, .wav sau .ogg. Dar vine cu mai multe opțiuni de personalizare.

Acum, deși pluginul poate reda doar un singur fișier audio per player, poți crea oricâți playere audio dorești. Astfel, poți reda în continuare multe melodii diferite pe site-ul tău WordPress. Poți chiar adăuga mai multe playere audio pe aceeași pagină.

Pentru a începe, va trebui să instalați și să activați pluginul. Dacă aveți nevoie de ajutor, consultați ghidul nostru despre cum să instalați un plugin WordPress.

La activare, sunteți gata să creați primul dvs. player audio accesând HTML5 Audio Player » HTML5 Audio Player.

Aici, continuați și faceți clic pe butonul „Adăugați un player audio”.

Următorul pas este să introduceți un nume pentru playerul audio în câmpul care afișează „Add title”.

Acesta este doar pentru referința dvs., deci puteți folosi orice titlu doriți.

Odată ce ați făcut acest lucru, veți dori să derulați la secțiunea „Configurare player”.

În această zonă, puteți adăuga un fișier audio în player făcând clic pe butonul „Adăugare audio”.

Acum puteți selecta orice fișier audio din biblioteca media sau puteți încărca un fișier de pe computerul dvs.

După alegerea unui fișier, sunteți gata să personalizați playerul audio. În mod implicit, vizitatorul trebuie doar să facă clic pe butonul „Redare”, iar audio-ul va începe să se redea cu volumul ridicat.

Acesta este modul în care majoritatea vizitatorilor se așteaptă să funcționeze un player audio, așa că, de obicei, veți dori să utilizați aceste setări implicite. Cu toate acestea, există și opțiuni pentru a dezactiva sunetul implicit, a reda automat, a repeta și multe altele. Așadar, nu ezitați să explorați aceste setări.

Odată ce ești mulțumit de modul în care este configurat playerul, derulează pur și simplu în partea de sus a ecranului și apasă pe butonul „Salvează”.

Apoi, puteți adăuga playerul audio pe site-ul dvs. folosind fie un shortcode, fie blocul HTML5 Audio Player.

Blocul este cea mai ușoară metodă. Cu toate acestea, dacă doriți să plasați playerul folosind un shortcode, veți găsi codul în partea de sus a ecranului.

Pentru mai multe detalii despre cum să plasați shortcode-ul, puteți consulta ghidul nostru despre cum să adăugați un shortcode în WordPress.

Pentru a adăuga playerul audio de muzică folosind un bloc, va trebui să deschideți orice pagină sau postare și să faceți clic pe butonul „+”.

În fereastra pop-up care apare, pur și simplu tastează „HTML5 Audio Player” pentru a găsi blocul corect. Odată ce dai clic pe blocul „HTML5 Audio Player – Insert”, acesta va fi adăugat pe pagina ta.

Apoi, poți deschide meniul derulant „Selectează un player” pentru a vedea lista tuturor playerelor audio pe care le-ai creat.

Acum poți face clic pe un player audio pentru a-l adăuga la pagină sau la postare.

Este posibil să observați apoi că editorul de pagini WordPress nu afișează playerul audio.

Cu toate acestea, dacă faceți clic pe butonul „Previzualizare”, veți putea vedea cum va arăta playerul vizitatorilor site-ului dvs. În acest mod, puteți chiar asculta sunetul și puteți testa singur diferitele butoane de redare.

Când sunteți mulțumit de aspectul și funcționalitatea playerului audio, puteți actualiza sau publica pagina.

Acum, dacă vizitați această pagină pe site-ul dvs. WordPress, veți vedea playerul audio live.

Doriți să adăugați alte piese audio pe site-ul dvs.? Atunci, puteți urma pur și simplu procesul descris mai sus pentru a crea mai mulți playere audio și a le adăuga pe site-ul dvs.

Sfat bonus: Faceți-vă site-ul mai distractiv folosind galerii de imagini și video

Doriți să faceți site-ul dvs. mai distractiv și mai captivant? Luați în considerare adăugarea de galerii de imagini și videoclipuri care să completeze widget-ul dvs. de redare a muzicii audio.

Prin crearea unei galerii, îți poți expune fotografiile într-un aspect ordonat de grilă, economisind spațiu și făcând site-ul tău să pară mult mai profesionist. Miniaturile permit vizitatorilor să previzualizeze imaginile și pot da clic pentru a le vedea integral.

De exemplu, dacă sunteți fotograf, o galerie bine organizată vă poate prezenta munca într-un mod elegant și uimitor din punct de vedere vizual.

Acum, adăugarea de imagini la postările dvs. WordPress este destul de simplă cu blocul Imagine. Dar lucrurile pot deveni puțin dezordonate atunci când adăugați mai multe imagini. Acestea se vor stivui una după alta, necesitând utilizatorilor să deruleze mult.

Acesta nu este cu siguranță cel mai atrăgător aspect vizual. 😬

În schimb, încercați să utilizați blocul Galerie în editorul Gutenberg. Este o modalitate ușoară de a afișa mai multe imagini mai curat. Și dacă doriți și mai multe funcționalități, există o mulțime de pluginuri de galerie care vă pot duce afișarea imaginilor la nivelul următor, cum ar fi Envira Gallery.

Pentru instrucțiuni detaliate, consultă ghidul nostru despre cum să creezi o galerie de imagini în WordPress.

În plus, deși imaginile sunt grozave, videoclipurile pot fi chiar mai bune. Un slider video poate prezenta totul, de la demonstrații de produse și recenzii, la mărturii ale clienților, totul într-un singur spațiu dinamic.

De exemplu, un site imobiliar ar putea prezenta tururi virtuale ale proprietăților. Între timp, un site de turism ar putea evidenția destinații și experiențe pentru a atrage vizitatorii.

Cu un slider video, puteți folosi conținut captivant pentru a vă prezenta cele mai bune caracteristici, fie că este vorba de mărturii, studii de caz sau puncte de atracție ale produsului. Partea cea mai bună? Soliloquy vă poate ajuta să creați unul cu ușurință.

Pentru a afla mai multe, consultați ghidul nostru despre cum să creați un slider video în WordPress.

În concluzie, fie că este vorba de o galerie de albume, o prezentare de produse sau tutoriale video, galeriile interactive pot spori atractivitatea generală a site-ului dvs. și pot îmbunătăți experiența utilizatorului.

Întrebări frecvente: Cum să adăugați un widget pentru redare audio în WordPress

Am primit multe întrebări legate de adăugarea audio în WordPress. Iată răspunsurile la unele dintre cele mai frecvente.

Care este cel mai bun format de fișier audio pentru WordPress?

Pentru cel mai bun echilibru între calitatea sunetului și dimensiunea fișierului, recomandăm utilizarea formatului MP3. Acesta este larg suportat pe toate browserele și dispozitivele moderne. Astfel, vizitatorii dvs. se pot bucura de o experiență de ascultare fluidă, indiferent de modul în care accesează site-ul dvs.

Pot crea o listă de redare cu mai multe melodii?

Da, poți. În timp ce blocul Audio implicit din WordPress este conceput pentru piese unice, multe pluginuri îți permit să creezi playlisturi complete. Unele pluginuri se conectează chiar și la servicii precum Spotify sau SoundCloud pentru a afișa albume întregi pe site-ul tău.

Cum pot adăuga un player audio în bara laterală a WordPress?

Puteți adăuga un player audio în bara laterală sau în subsol folosind widget-uri WordPress.

Navigați pur și simplu la Aspect » Widgeturi în tabloul de bord. De acolo, puteți adăuga blocul Audio sau un bloc de la pluginul ales de dvs. în orice zonă pregătită pentru widgeturi a temei dvs.

Mai multe ghiduri despre utilizarea audio pe WordPress

Sperăm că acest articol te-a ajutat să înveți cum să adaugi un widget pentru player audio în WordPress. Dacă ți s-a părut util, s-ar putea să vrei să citești și celelalte ghiduri ale noastre despre:

• Cum să adăugați fișiere audio MP3 în WordPress
• Cum să vinzi muzică online în WordPress
• Cum să începeți un podcast și să-l faceți de succes
• Cele mai bune plugin-uri pentru redarea audio pentru WordPress
• Cele mai bune pluginuri WordPress pentru podcasteri

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.