WordPress oferă coduri scurte implicite pentru a insera audio și liste de redare pe site-ul dvs. Acest lucru va fi foarte util atunci când găzduiți câteva fișiere audio pe propriul server. Dar majoritatea dintre noi nu suntem muzicieni pentru a ne compune propriul audio și utilizarea sunetului cuiva va duce la încălcarea drepturilor de autor. Aici vin terții, cum ar fi SoundCloud, care oferă servicii de găzduire audio și permit utilizatorilor publici să partajeze muzica sub licențe convenite. De asemenea, atunci când aveți un număr mare de fișiere audio, este o idee bună să le găzduiți în afara serverului. Nu numai că va ajuta la îmbunătățirea vitezei de încărcare a paginii site-ului dvs., dar va ajuta și la atingerea unui public mai larg.
în acest articol vă vom explica cum să încorporați lista de redare SoundCloud pe site – ul dvs. WordPress-ambele WordPress.com și WordPress.org site-ul.
- Pasul 1 – Creați o listă de redare în SoundCloud
- Pasul 2 – Obțineți codul Embed pentru lista de redare
- pasul 2.1-încorporați codul pentru WordPress.com utilizatori
- pasul 2.2-încorporați codul pentru WordPress.org utilizatori
- Pasul 3-Introducerea SoundCloud cod Embed în WordPress
- introducerea URL-ului de partajare în WordPress
- puncte de reținut
Pasul 1 – Creați o listă de redare în SoundCloud
înregistrați-vă pentru un cont gratuit SoundCloud și creați o listă de redare cu melodiile preferate. Vizualizați toate listele de redare din meniul „colecție > liste de redare”, așa cum se arată mai jos:
vizualizarea listelor de redare în SoundCloud
Pasul 2 – Obțineți codul Embed pentru lista de redare
Faceți clic pe lista de redare pe care doriți să o partajați pe site-ul dvs. Veți vedea lista pieselor adăugate în lista de redare și faceți clic pe butonul „Partajare””. De asemenea, puteți activa sau dezactiva amestecarea playlistului aici.
partajarea listei De redare SoundCloud
va exista un ecran pop – up care oferă trei opțiuni pentru partajare-partajare, încorporare și mesaj. Accesați fila” încorporare”, alegeți designul afișajului și obțineți codul de încorporare pentru site-ul dvs.
pasul 2.1-încorporați codul pentru WordPress.com utilizatori
SoundCloud are un cod scurt acceptat numai pentru WordPress.com utilizatori. Alegeți caseta de selectare „Cod WordPress” pentru a obține codul scurt pentru dvs WordPress.com site-ul.
Noțiuni de bază cod Embed pentru WordPress
codul embed pentru WordPress.com utilizatorii vor arăta ceva de genul de mai jos:
Derulați în jos pe ecran și faceți clic pe „mai multe opțiuni” pentru a schimba culoarea și a activa sau dezactiva redarea automată a listei de redare.
activarea redării automate
Vizualizați previzualizarea listei de redare și copiați codul afișat în caseta de text de sub „cod și previzualizare”.
pasul 2.2-încorporați codul pentru WordPress.org utilizatori
dacă aveți o auto-găzduit WordPress.org site-ul apoi asigurați-vă că dezactivați caseta de selectare” Cod WordPress ” și obțineți codul embed. Ar trebui să fie un cod iframe așa cum se arată mai jos:
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Pasul 3-Introducerea SoundCloud cod Embed în WordPress
dacă ai codul embed pentru WordPress.com sau WordPress.org procesul de inserare este același și simplu. Doar lipiți codul de încorporare în postarea sau pagina dvs. similară cu orice conținut text din editorul” Text”. Ar trebui să publicați site-ul dvs. pentru a vedea playerul audio în WordPress.com site-ul în timp ce treceți la editorul” vizual ” va afișa playerul audio în WordPress.org site-ul. Mai jos este un exemplu real de player SoundCloud pe WordPress.org site-ul.
lățime, înălțime și proprietăți autoplay ale player-ul poate modificat direct în codul embed. De asemenea, este posibil să schimbați aspectul playerului adăugând parametrul „visual=true”. De exemplu, playerul implicit de mai sus poate fi modificat ca mai jos folosind codul dat:
<iframe width=” 100% „height =” 300 ” scrolling=” nu „frameborder =” da ” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true”></iframe>
puteți adăuga player-ul pe bara laterală și subsol zona widget prin lipirea codul folosind” Text ” widget.
introducerea URL-ului de partajare în WordPress
de asemenea, este posibil să inserați playerul audio folosind URL-ul de partajare. Când faceți clic pe butonul” Partajare”, copiați adresa URL sub fila” Partajare „și lipiți-o pe editorul dvs.” vizual ” WordPress.
Soundcloud Share URL Code
apăsați enter pentru a vedea WordPress convertește automat acea adresă URL într-o listă de redare ca mai jos.
puncte de reținut
- SoundCloud permite să partajați piese audio individuale, liste de redare și profilul contului Dvs. pe site-ul dvs.
- puteți utiliza atât metoda de partajare URL, cât și metoda de cod embed.
- metoda Share URL este bun pentru partajarea propriile liste de redare cu poza de profil larg. Codul Embed este recomandat pentru redarea fișierelor audio ale altora.
- Share URL-ul trebuie să fie lipite pe „Visual” editor și player-ul poate fi văzut pe editor.
- cod Embed pentru WordPress.site-ul com trebuie să fie lipit pe editorul „vizual”, iar playerul audio va fi vizibil numai pe site-ul publicat.
- cod Embed pentru WordPress.org site-ul trebuie să fie lipite pe „Text” editor și player-ul poate fi văzut pe editor.
- WordPress.com suporta SoundCloud scurtăturile în timp ce WordPress.org nu. Așadar, asigurați-vă că obțineți codul corect de încorporare pentru playerul dvs. audio.
- player-ul poate fi personalizat prin modificarea parametrilor implicite în codul embed. Dar playerul introdus printr-o adresă URL de partajare nu poate fi personalizat.
- WordPress.org are multe plugin-uri gratuite pentru a crea SoundCloud cod scurt și încorpora lista de redare.
