vi tilbyder standardkortkoder til at indsætte lyd og afspilningslister på din hjemmeside. Dette vil være meget nyttigt, når du er vært for få lydfiler på din egen server. Men de fleste af os er ikke musikere til at komponere vores egen lyd, og brug af andres lyd vil resultere i krænkelse af ophavsretten. Her kommer tredjeparter som SoundCloud, der tilbyder lydhostingstjenester og giver offentlige brugere mulighed for at dele musikken under aftalte licenser. Også når du har et stort antal lydfiler, er det en god ide at være vært for dem uden for din server. Det hjælper ikke kun med at forbedre sideindlæsningshastigheden på din side, men hjælper også med at nå ud til et bredere publikum.
i denne artikel vil vi forklare, hvordan du integrerer SoundCloud-afspilningsliste på dit WordPress.com og WordPress.org sted.
- Trin 1 – Opret en afspilningsliste i SoundCloud
- Trin 2 – Hent Integrer kode til afspilningsliste
- trin 2.1-Integrer kode til WordPress.com brugere
- trin 2.2-Integrer kode til WordPress.org brugere
- Trin 3 – indsættelse af SoundCloud Integrer kode i ordtryk
- det er også muligt at indsætte lydafspiller ved hjælp af Del URL ‘ en. Når du klikker på knappen “Del”, skal du bare kopiere URL ‘ en under fanen “Del” og indsætte den på din “visuelle” editor. SoundCloud Share URL Code
- punkter at huske
Trin 1 – Opret en afspilningsliste i SoundCloud
Tilmeld dig en gratis en SoundCloud-konto og opret en afspilningsliste med dine yndlingsnumre. Se alle dine afspilningslister under menuen” samling > afspilningslister ” som vist nedenfor:
visning af afspilningslister i SoundCloud
Trin 2 – Hent Integrer kode til afspilningsliste
Klik på den afspilningsliste, du vil dele den på din hjemmeside. Du vil se listen over de spor, der er tilføjet i afspilningslisten, og klikke på knappen “Del”. Du kan også aktivere eller deaktivere spilleliste blander her.
deling af SoundCloud-afspilningsliste
der vil være en popup-skærm, der tilbyder tre muligheder for deling-Del, Integrer og besked. Gå til fanen” Integrer”, vælg displaydesignet og hent indlejringskoden til dit hjemmeside.
trin 2.1-Integrer kode til WordPress.com brugere
SoundCloud har en kortkode understøttes kun for WordPress.com brugere. Vælg afkrydsningsfeltet ” for at få kortkoden til din WordPress.com sted.
Hent Integrer kode til ordtryk
indlejringskoden til WordPress.com brugere vil se noget som nedenfor:
Rul ned til skærmen, og klik på “Flere indstillinger” for at ændre farven og aktivere eller deaktivere autoplay på din afspilningsliste.
aktivering af Autoplay
se forhåndsvisningen af din afspilningsliste, og kopier koden, der vises i tekstfeltet under “kode og forhåndsvisning”.
trin 2.2-Integrer kode til WordPress.org brugere
hvis du har en self-hosted WordPress.org sørg derefter for at deaktivere afkrydsningsfeltet” kode ” og få indlejringskoden. Det skal 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>
Trin 3 – indsættelse af SoundCloud Integrer kode i ordtryk
uanset om du har integreret koden til WordPress.com eller WordPress.org indsættelsesprocessen er den samme og enkel. Indsæt bare indlejringskoden i dit indlæg eller din side, der ligner ethvert tekstindhold under “tekst” editor. Du bør offentliggøre din hjemmeside for at se lydafspilleren i WordPress.com site mens du skifter til “visuel” editor vil vise lydafspilleren i WordPress.org sted. Nedenfor er et reelt eksempel på SoundCloud player på WordPress.org sted.
bredde, højde og autoplay egenskaber afspilleren kan ændres direkte inden indlejring kode. Det er også muligt at ændre udseendet af afspilleren ved at tilføje “visual=true” parameter. For eksempel kan ovenstående standardafspiller ændres som nedenfor ved hjælp af den givne kode:
<iFrame Bredde= ” 100%” højde= ” 300 “scrolling=” Nej “frameborder=” Ja ” 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>
du kan tilføje afspilleren på sidebjælke – og sidefodskontrolområdet ved at indsætte koden ved hjælp af “tekst” – Kontrol.
det er også muligt at indsætte lydafspiller ved hjælp af Del URL ‘ en. Når du klikker på knappen “Del”, skal du bare kopiere URL ‘ en under fanen “Del” og indsætte den på din “visuelle” editor.
SoundCloud Share URL Code
SoundCloud Share URL Code
tryk på enter for at se.
punkter at huske
- SoundCloud gør det muligt at dele individuelle lydspor, afspilningslister og din konto profil på din hjemmeside.
- du kan bruge både Del URL metode samt integrere kode metode.
- Del URL-metoden er god til at dele dine egne afspilningslister med bredt profilbillede. Integrer kode anbefales til afspilning af andres lydfiler.
- Del URL skal indsættes på “visuel” editor, og afspilleren kan ses på editoren.
- Integrer kode.com site skal indsættes på” visuel ” editor og lydafspilleren vil kun være synlig kun på den offentliggjorte hjemmeside.
- Integrer kode til WordPress.org site skal indsættes på” tekst ” editor og afspilleren kan ses på editoren.
- WordPress.com understøtter SoundCloud kortkoder mens WordPress.org gør det ikke. Så sørg for at få korrekt indlejringskode til din lydafspiller.
- afspilleren kan tilpasses ved at ændre standardparametrene i indlejringskoden. Men afspilleren, der er indsat via en delings-URL, kan ikke tilpasses.
- ordtryk.org har mange gratis plugins til at oprette SoundCloud-kortkode og integrere afspilningslisten.
