a WordPress alapértelmezett rövid kódokat kínál audio és lejátszási listák beillesztésére a webhelyére. Ez nagyon hasznos lesz, ha kevés hangfájlt tárol a saját szerverén. De a legtöbben nem vagyunk zenészek, hogy saját hangot alkossunk, és valaki hangjának használata szerzői jogok megsértését eredményezi. Itt jön a harmadik felek, mint a SoundCloud, amely audio hosting szolgáltatásokat kínál, és lehetővé teszi a nyilvános felhasználók számára, hogy megosszák a zenét az elfogadott licencek alapján. Akkor is, ha nagy számú hangfájlja van, érdemes azokat a szerveren kívül tárolni. Ez nem csak segít javítani a webhely oldal betöltési sebességét, hanem segít a szélesebb közönség elérésében is.
ebben a cikkben elmagyarázzuk, hogyan lehet beágyazni a SoundCloud lejátszási listát a WordPress webhelyére-mindkettő WordPress.com és WordPress.org oldal.
- 1.lépés – Hozzon létre egy lejátszási listát a Soundcloudban
- 2.lépés – a lejátszási lista beágyazási kódjának letöltése
- lépés 2.1-Embed Kód WordPress.com felhasználók
- lépés 2.2-Embed Kód WordPress.org felhasználók
- Lépés 3-behelyezése SoundCloud beágyazási kódot WordPress
- megosztás URL beszúrása a WordPress
- megjegyezhető pontok
1.lépés – Hozzon létre egy lejátszási listát a Soundcloudban
regisztráljon egy ingyenes SoundCloud-fiókra, és hozzon létre egy lejátszási listát a kedvenc számaival. Tekintse meg az összes lejátszási listát a “gyűjtemény > lejátszási listák” menüben az alábbiak szerint:
lejátszási listák megtekintése a Soundcloudban
2.lépés – a lejátszási lista beágyazási kódjának letöltése
kattintson arra a lejátszási listára, amelyet meg szeretne osztani a WordPress webhelyén. Látni fogja a lejátszási listához hozzáadott zeneszámok listáját, majd kattintson a “Megosztás” gombra”. Itt is engedélyezheti vagy letilthatja a lejátszási lista keverését.
SoundCloud lejátszási lista megosztása
megjelenik egy felugró képernyő, amely három lehetőséget kínál a megosztásra – Megosztás, beágyazás és üzenet. Lépjen a” beágyazás ” fülre, válassza ki a megjelenítési tervet, és szerezze be a beágyazási kódot a WordPress webhelyéhez.
lépés 2.1-Embed Kód WordPress.com felhasználók
a SoundCloud csak rövid kóddal rendelkezik WordPress.com felhasználók. Válassza ki a “WordPress kód” jelölőnégyzetet, hogy megkapja a rövid kódot WordPress.com oldal.
a WordPress beágyazási kódjának megszerzése
a beágyazási kód WordPress.com a felhasználók az alábbiak szerint fognak kinézni:
Görgessen le a képernyőre, majd kattintson a “További lehetőségek” gombra a lejátszási lista színének megváltoztatásához, valamint az automatikus lejátszás engedélyezéséhez vagy letiltásához.
Automatikus lejátszás engedélyezése
tekintse meg a lejátszási lista előnézetét, és másolja át a “kód és előnézet”szövegmezőben látható kódot.
lépés 2.2-Embed Kód WordPress.org felhasználók
ha Ön saját WordPress.org ezután győződjön meg róla, hogy letiltja a “WordPress kód” jelölőnégyzetet, és megkapja a beágyazási kódot. Iframe kódnak kell lennie, az alábbiak szerint:
<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>
Lépés 3-behelyezése SoundCloud beágyazási kódot WordPress
hogy megvan a beágyazási kódot WordPress.com vagy WordPress.org a beillesztési folyamat ugyanaz és egyszerű. Csak illessze be a beágyazási kódot a bejegyzésébe vagy az oldalába, hasonlóan a szöveges tartalomhoz a “szöveg” szerkesztő alatt. Tegye közzé webhelyét, hogy megtekinthesse az audiolejátszót WordPress.com site váltás közben a “Visual” szerkesztő megmutatja az audio lejátszó WordPress.org oldal. Az alábbiakban egy igazi példa a SoundCloud lejátszóra WordPress.org oldal.
szélesség, magasság és automatikus lejátszás tulajdonságai a játékos közvetlenül módosítható a beágyazási kódot. A lejátszó megjelenését a “visual=true” paraméter hozzáadásával is megváltoztathatja. Például, a fenti alapértelmezett lejátszó az alábbiak szerint módosítható a megadott kód használatával:
<iframe width= ” 100%” height= ” 300 “scrolling=” nem ” frameborder=” igen ” 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>
felveheti a játékos oldalsáv és lábléc widget terület beillesztésével a kódot a” szöveg ” widget.
megosztás URL beszúrása a WordPress
fájlba audiolejátszó beszúrása a megosztás URL használatával is lehetséges. Ha rákattint a” Megosztás “gombra, csak másolja az URL-t a” Megosztás “fülre, majd illessze be a WordPress” vizuális ” szerkesztőjébe.
SoundCloud URL-kód megosztása
nyomja meg az enter billentyűt, hogy a WordPress automatikusan átalakítsa az URL-t az alábbi lejátszási listává.
megjegyezhető pontok
- a SoundCloud lehetővé teszi az egyes hangsávok, lejátszási listák és fiókprofil megosztását a WordPress webhelyén.
- használhatja mind a megosztási URL módszert, mind a beágyazási kódot.
- Share URL módszer jó megosztására saját lejátszási listákat széles profil kép. Embed kód ajánlott játszani más audio fájlokat.
- a megosztás URL-jét be kell illeszteni a “Visual” szerkesztőbe, és a lejátszó látható a szerkesztőn.
- beágyazási kód a WordPress számára.a com webhelyet be kell illeszteni a “Visual” szerkesztőbe, és az audiolejátszó csak a közzétett webhelyen lesz látható.
- Kód beágyazása WordPress.org a webhelyet be kell illeszteni “szöveg” szerkesztő és a lejátszó látható a szerkesztőben.
- WordPress.com támogatja SoundCloud shortcodes míg WordPress.org nincs. Tehát győződjön meg arról, hogy helyes beágyazási kódot kap az audiolejátszóhoz.
- a lejátszó testreszabható a beágyazási kód alapértelmezett paramétereinek módosításával. A megosztási URL-en keresztül beillesztett lejátszót azonban nem lehet testreszabni.
- WordPress.az org számos ingyenes bővítménnyel rendelkezik a SoundCloud shortcode létrehozásához és a lejátszási lista beágyazásához.
