TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka upottaa SoundCloud -soittolista WordPress -sivustoon?

2

WordPress tarjoaa oletuskoodit äänen ja soittolistojen lisäämiseksi sivustollesi. Tämä on erittäin hyödyllistä, kun isännöit muutamia äänitiedostoja omalla palvelimellasi. Useimmat meistä eivät kuitenkaan ole muusikoita säveltämään omaa ääntämme, ja jonkun äänen käyttäminen johtaa tekijänoikeusrikkomukseen. Tässä tulevat kolmannet osapuolet, kuten SoundCloud, jotka tarjoavat äänen isännöintipalveluja ja sallivat julkisten käyttäjien jakaa musiikkia sovittujen lisenssien mukaisesti. Myös silloin, kun sinulla on suuri määrä äänitiedostoja, on hyvä isännöidä ne palvelimesi ulkopuolella. Se auttaa paitsi parantamaan sivustosi latausnopeutta myös tavoittamaan laajemman yleisön.

Tässä artikkelissa selitämme, kuinka voit upottaa SoundCloud -soittolistan WordPress -sivustoosi – sekä WordPress.com- että WordPress.org -sivustoon.

Vaihe 1 – Luo soittolista SoundCloudiin

Rekisteröidy ilmaiseksi SoundCloud -tilille ja luo soittolista suosikkikappaleillesi. Katso kaikki soittolistasi Kokoelma> Soittolistat -valikosta alla olevan kuvan mukaisesti:

Kuinka upottaa SoundCloud -soittolista WordPress -sivustoon?

Soittolistojen tarkasteleminen SoundCloudissa

Vaihe 2 – Hanki upotuskoodi soittolistalle

Napsauta soittolistaa, jonka haluat jakaa WordPress -sivustossasi. Näet soittolistaan ​​lisättyjen kappaleiden luettelon ja napsautat "Jaa" -painiketta. Voit myös ottaa soittolistan satunnaistoiston käyttöön tai poistaa sen käytöstä täällä.

Kuinka upottaa SoundCloud -soittolista WordPress -sivustoon?

SoundCloud -soittolistan jakaminen

Ponnahdusikkuna tarjoaa kolme jakamisvaihtoehtoa – Jaa, Upota ja Viesti. Siirry "Upota" -välilehteen, valitse näytön rakenne ja hanki upotuskoodi WordPress -sivustollesi.

Vaihe 2.1 – Upota koodi WordPress.com -käyttäjille

SoundCloudilla on lyhytkoodi, jota tuetaan vain WordPress.com -käyttäjille. Valitse WordPress -koodi -valintaruutu saadaksesi WordPress.com -sivustosi lyhytkoodin.

Kuinka upottaa SoundCloud -soittolista WordPress -sivustoon?

Upotuskoodin hakeminen WordPressille

Upotuskoodi WordPress.com -käyttäjille näyttää seuraavanlaiselta:

[soundcloud url="https://api.soundcloud.com/playlists/299620824" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

Vieritä alas näyttöön ja napsauta "Lisää vaihtoehtoja” muuttaaksesi väriä ja ottaaksesi soittolistan automaattisen toiston käyttöön tai pois käytöstä.

Kuinka upottaa SoundCloud -soittolista WordPress -sivustoon?

Automaattisen toiston ottaminen käyttöön

Näytä soittolistan esikatselu ja kopioi koodi, joka näkyy tekstikentässä kohdassa "Koodi ja esikatselu".

Vaihe 2.2 – Upota koodi WordPress.org -käyttäjille

Jos sinulla on itse isännöity WordPress.org-sivusto, varmista, että poistat WordPress-koodi-valintaruudun käytöstä ja saat upotuskoodin. Sen pitäisi olla alla näkyvä iframe -koodi:

<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>

Vaihe 3 – SoundCloud -upotuskoodin lisääminen WordPressiin

Olipa sinulla upotuskoodi WordPress.comille tai WordPress.orgille, lisäysprosessi on sama ja yksinkertainen. Liitä vain upotuskoodi postaukseesi tai sivullesi samanlaiseksi kuin mikä tahansa tekstisisältö "Teksti" -editorissa. Sinun pitäisi julkaista sivustosi nähdäksesi äänisoittimen WordPress.com -sivustossa, kun siirryt Visual -editoriin ja näet äänisoittimen WordPress.org -sivustossa. Alla on todellinen esimerkki SoundCloud -soittimesta WordPress.org -sivustolla.

Soittimen leveyttä, korkeutta ja automaattisen toiston ominaisuuksia voidaan muuttaa suoraan upotuskoodin sisällä. On myös mahdollista muuttaa soittimen ulkoasua lisäämällä “visual = true” -parametri. Esimerkiksi yllä olevaa oletussoitinta voidaan muokata kuten alla annetulla koodilla:

Voit lisätä soittimen sivupalkin ja alatunnisteen widget -alueelle liittämällä koodin “Teksti” -widgetillä.

Jaetun URL -osoitteen lisääminen WordPressiin

On myös mahdollista lisätä äänisoitin jakamisen URL -osoitteen avulla. Kun napsautat "Jaa" -painiketta, kopioi URL -osoite "Jaa" -välilehdestä ja liitä se WordPress "Visual" -editoriin.

Kuinka upottaa SoundCloud -soittolista WordPress -sivustoon?

SoundCloud Jaa URL -koodi

Paina Enter -näppäintä nähdäksesi, että WordPress muuntaa kyseisen URL -osoitteen automaattisesti alla olevaan soittolistaan.

Muistettavia kohtia

  • SoundCloud mahdollistaa yksittäisten ääniraitojen, soittolistojen ja tiliprofiilin jakamisen WordPress -sivustossasi.
  • Voit käyttää sekä jaetun URL -osoitteen menetelmää että upotuskoodimenetelmää.
  • Jaa URL -menetelmä on hyvä jakamaan omat soittolistasi laajalla profiilikuvalla. Upotuskoodia suositellaan muiden äänitiedostojen toistamiseen.
  • Jakamisen URL -osoite on liitettävä Visual -editoriin, ja soitin näkyy editorissa.
  • Upotuskoodi WordPress.com -sivustolle on liitettävä Visual -editoriin, ja äänisoitin näkyy vain julkaistulla sivustolla.
  • Upotuskoodi WordPress.org -sivustolle on liitettävä tekstieditoriin ja soitin näkyy editorissa.
  • WordPress.com tukee SoundCloud -lyhytkoodeja, kun taas WordPress.org ei. Varmista siis, että saat oikean upotuskoodin soittimellesi.
  • Soitinta voidaan mukauttaa muuttamalla upotuskoodin oletusparametreja. Jaetun URL -osoitteen kautta lisättyä soitinta ei kuitenkaan voi muokata.
  • WordPress.org tarjoaa monia ilmaisia ​​laajennuksia SoundCloud -lyhytkoodin luomiseen ja soittolistan upottamiseen.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja