TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til SoundCloud -spilleliste på WordPress -nettsted?

8

WordPress tilbyr standard snarveier for å sette inn lyd og spillelister på nettstedet ditt. Dette vil være veldig nyttig når du er vert for få lydfiler på din egen server. Men de fleste av oss er ikke musikere til å komponere vår egen lyd, og bruk av noens lyd vil føre til brudd på opphavsretten. Her kommer tredjeparter som SoundCloud som tilbyr audio hosting -tjenester og lar offentlige brukere dele musikken under avtalt lisens. Også når du har et stort antall lydfiler, er det en god idé å være vert for dem utenfor serveren din. Det vil ikke bare bidra til å forbedre sidelastingshastigheten på nettstedet ditt, men også bidra til å nå ut til et bredere publikum.

I denne artikkelen vil vi forklare hvordan du legger inn SoundCloud -spilleliste på WordPress -nettstedet ditt – både WordPress.com og WordPress.org -nettstedet.

Trinn 1 – Lag en spilleliste i SoundCloud

Registrer deg for en gratis SoundCloud -konto og lag en spilleliste med favorittsporene dine. Se alle spillelistene dine under "Samling> Spillelister" -menyen som vist nedenfor:

Hvordan legge til SoundCloud -spilleliste på WordPress -nettsted?

Se på spillelister i SoundCloud

Trinn 2 – Få innebygd kode for spilleliste

Klikk på spillelisten du vil dele den på WordPress -nettstedet ditt. Du vil se listen over sporene som er lagt til i spillelisten og klikke på "Del" -knappen ". Du kan også aktivere eller deaktivere blanding av spillelister her.

Hvordan legge til SoundCloud -spilleliste på WordPress -nettsted?

Deling av SoundCloud -spilleliste

Det vil være en popup -skjerm med tre alternativer for deling – Del, Embed og Message. Gå til "Embed" -fanen, velg skjermdesignet og få innebyggingskoden for WordPress -nettstedet ditt.

Trinn 2.1 – Bygg inn kode for WordPress.com -brukere

SoundCloud har en kortkode som bare støttes for WordPress.com -brukere. Merk av i boksen "WordPress -kode" for å få kortkoden for WordPress.com -nettstedet ditt.

Hvordan legge til SoundCloud -spilleliste på WordPress -nettsted?

Få innebygd kode for WordPress

Den innebygde koden for WordPress.com -brukere vil se omtrent slik ut:

[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" /]

Rull ned til skjermen og klikk på "Flere alternativer" for å endre farge og aktivere eller deaktivere autospill av spillelisten din.

Hvordan legge til SoundCloud -spilleliste på WordPress -nettsted?

Aktivering av Autoplay

Se forhåndsvisningen av spillelisten din og kopier koden som vises i tekstboksen under "Kode og forhåndsvisning".

Trinn 2.2 – Bygg inn kode for WordPress.org -brukere

Hvis du har et WordPress.org-nettsted som er vert for deg selv, må du sørge for å deaktivere avmerkingsboksen “WordPress-kode" og få innbyggingskoden. Det bør være en iframe -kode som vist nedenfor:

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

Trinn 3 – Sette inn SoundCloud -innebyggingskode i WordPress

Enten du har innebyggingskoden for WordPress.com eller WordPress.org, er innsettingsprosessen den samme og enkle. Bare lim inn innebyggingskoden i innlegget eller siden som ligner på tekstinnhold under "Tekst" -redigereren. Du bør publisere nettstedet ditt for å se lydspilleren på WordPress.com -nettstedet mens du bytter til "Visual" -redaktør, viser lydspilleren på WordPress.org -nettstedet. Nedenfor er et reelt eksempel på SoundCloud -spiller på WordPress.org -nettstedet.

Bredden, høyden og autoplay -egenskapene til spilleren kan endres direkte i innebyggingskoden. Det er også mulig å endre utseendet til spilleren ved å legge til "visual = true" parameter. For eksempel kan standardspilleren ovenfor endres som nedenfor ved å bruke den angitte koden:

Du kan legge til spilleren i sidefeltet og bunntekst -widgetområdet ved å lime inn koden ved hjelp av "Tekst" -modul.

Setter inn URL -adresse i WordPress

Det er også mulig å sette inn lydavspiller ved hjelp av delings -URL. Når du klikker på "Del" -knappen, kopierer du nettadressen under "Del" -fanen og limer den inn i "Visual" -redaktøren i WordPress.

Hvordan legge til SoundCloud -spilleliste på WordPress -nettsted?

SoundCloud Del URL -kode

Trykk enter for å se WordPress konverterer nettadressen automatisk til en spilleliste som nedenfor.

Poeng å huske

  • SoundCloud lar deg dele individuelle lydspor, spillelister og kontoprofilen din på WordPress -nettstedet ditt.
  • Du kan bruke både delings -URL -metode og innebygd kode -metode.
  • Del URL -metoden er bra for å dele dine egne spillelister med bredt profilbilde. Integreringskode anbefales for å spille av andres lydfiler.
  • Del URL må limes inn i “Visual” editor, og spilleren kan sees på editoren.
  • Den innebygde koden for WordPress.com -nettstedet må limes inn på "Visual" -redaktøren, og lydspilleren vil bare være synlig på det publiserte nettstedet.
  • Den innebygde koden for WordPress.org -nettstedet må limes inn i "Tekst" -editoren, og spilleren kan sees på redaktøren.
  • WordPress.com støtter SoundCloud -kortkoder mens WordPress.org ikke gjør det. Så sørg for å få riktig innebygd kode for lydspilleren.
  • Spilleren kan tilpasses ved å endre standardparametrene i innebyggingskoden. Men spilleren som er satt inn via en delings -URL, kan ikke tilpasses.
  • WordPress.org har mange gratis plugins for å lage SoundCloud -kortkode og legge inn spillelisten.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon