[Ad_1]

Med SoundCloud for WordPress-innebyggingsblokken kan du legge til et album, spilleliste eller spor til innlegget eller siden din. Integrasjonen av innhold SoundCloud i Gutenberg gir deg mange alternativer for hvordan blokken ser ut og fungerer. Ellers, hvis du bare kopierer og limer inn SoundCloud-koblingen i Classic Editor, kan du kanskje ha musikk, men alternativene dine vil være alvorlig begrenset når det kommer til tilpasninger og sidedesign.

I denne artikkelen vil vi gå gjennom hvordan du legger inn et album, spilleliste eller SoundCloud -spor på et WordPress -innlegg eller en side. Vi dekker også beste praksis, vanlige spørsmål og tips du bør vite.

Før vi begynner, vær oppmerksom på at selv om du ikke trenger en SoundCloud-konto for å bygge inn innhold av tjenesten må du velge offentlige spor – private spor kan ikke integreres. I tillegg må du bruke Gutenberg-blokkredigeringsprogrammet for å legge til SoundCloud-innbyggingsblokken. (Vi vil imidlertid dekke noen få alternativer.)

Slik legger du inn SoundCloud -innhold i WordPress

Først skal vi se hvordan du legger til et SoundCloud -spor til et WordPress -innlegg eller en side. Deretter ser vi raskt hvordan du legger til et album / spilleliste, siden prosessen ligner på å legge til et spor.

Slik legger du inn et SoundCloud -spor i WordPress

Gå til SoundCloud og finn sporet du vil legge inn i WordPress. Klikk på sporet for å åpne det på sin egen side. Kopier nettadressen fra adresselinjen øverst på siden.

Innebygd lydduk

Gå til WordPress og opprett eller rediger et innlegg eller en side. I hoveddelen av siden bør du se a pluss -tegn. Hvis du ikke ser en, klikker du et sted i brødteksten på siden, og den skal vises.

Innebygd lydduk

Trykk på det pluss -tegn for å vise blokkvelgeren. Skriv inn "SoundCloud" i Søk case, og velg deretter den tilhørende blokken. SoundCloud -integrasjonsblokken vil nå bli lagt til på siden eller innlegget ditt.

legg til musikk i wordpress

Innebygd lydduk

Lim inn SoundCloud -adressen du kopierte inn i feltet som sier Skriv inn nettadressen som skal integreres her ... Klikk på integrere. Du vil nå se noe slikt:

Innebygd lydduk

Klikk på for å se hvordan det vil se ut på nettstedet ditt når det går live undersøkelsen > kontor > Forhåndsvis i en ny fane øverst til høyre på siden.

legg til musikk i wordpress

Innebygd lydduk

Du kan legge til en bildetekst hvis du vil. Det er et eget område under det innebygde sporet for å skrive inn en bildetekst, samt formateringsalternativer.

Innebygd lydduk

Slik legger du inn et SoundCloud -album eller en spilleliste i WordPress

Å bygge inn et album eller en spilleliste fra SoundCloud ligner veldig på å legge til et spor. I SoundCloud, naviger til albumet eller spillelisten du vil legge til, og klikk på det for å åpne det på sin egen side. Kopier nettadressen fra adresselinjen.

Lim inn adresselinjen i det dedikerte rommet i SoundCloud -integreringsboksen i WordPress. Klikk på integrere.

Resultatet er i utgangspunktet det samme om du har lagt til et album eller en spilleliste. Omslaget til albumet eller spillelisten vises i hoveddelen av den innebygde lenken, og under vil det være en liste over spor du kan bla gjennom. Når du holder musepekeren over sporene og ruller, blir hoveddekselet mindre for å avsløre mer av sporlisten. I dette skjermbildet er den øverste integreringen en spilleliste, mens den nedre er en album.

legg til musikk i wordpress

Integreringsfeilmeldingen

Hvis du skriver inn noe som ikke er en lenke, er det en ødelagt lenke eller en som går til innhold som ikke kan integreres, vil du få en feilmelding som ser slik ut:

Innebygd lydduk

Du kan prøve lenken igjen eller klikke Konverter til lenke for å se om det gjør en forskjell. Hvis ingen av de to alternativene fungerer, må du kanskje integrere annet innhold.

Blokkeringsalternativer for SoundCloud -integrasjon

Det er to forskjellige områder hvor du finner alternativer for SoundCloud -integrasjonsblokken: øverst i linjen og i høyre sidefelt. La oss se hva de er.

Verktøylinje

Når du har lagt til innhold i innebyggingsblokken, klikker du på den for å vise en verktøylinje for alternativer øverst. Det ser slik ut:

Innebygd lydduk

Fra venstre til høyre, her er betydningen av ikonene:

  • Bli til : Du kan gjøre SoundCloud -innebygningsblokken til et avsnitt, en kolonne eller en gruppe. Det eneste alternativet å vurdere er grouper en fordi den lar deg endre bakgrunnsfargen på blokken. Hvis du ikke bryr deg, la det være - det er litt vanskelig å bruke.
  • Å gli: Hold markøren over slip ikonet, og markøren blir til en liten hånd. Klikk med venstre museknapp og dra innebyggingsblokken til der du vil plassere den på siden.
  • Stige opp og ned: den Pil opp vil flytte blokken opp ett mellomrom, og Pil ned vil flytte den ett mellomrom ned.
  • Endre justeringen: Juster innfellingsblokken til venstre, midt eller høyre. Hvis du justerer den til venstre eller høyre, blir den mindre. Avhengig av temaet ditt, kan du også ha alternativer for full bredde og bredde, noe som kan gjøre innebyggingsblokken større.
  • Rediger URL: Erstatt SoundCloud -URL -en for å bygge inn et annet album, en spilleliste eller et annet spor.
  • Alternativer: Det siste ikonet viser en rullegardinmeny med flere alternativer.

Flere alternativer -menyen

Innebygd lydduk

Denne rullegardinlisten med alternativer inneholder en håndfull lettfattelige alternativer. Fra topp til bunn er de:

  • Skjul flere innstillinger: Skjul (eller vis) innstillingssidefeltet til høyre.
  • Kopiere: Kopier blokken og lim den inn hvor du vil.
  • Duplisere: Dupliser blokken, som vil lage en kopi rett under originalen.
  • Sett inn før: Legg til en blokk før den valgte.
  • Sett inn etter: Legg til en blokk etter den valgte.
  • For å flytte til: Dette vil vise en blå linje, som du kan flytte rundt på siden ved hjelp av piltastene på tastaturet. Når du har plassert den der du vil ha den, klikker du Enter / Return å flytte integrasjonsblokken dit.
  • Rediger i HTML: Rediger HTML -koden for blokken.
  • Legg til blokker for gjenbruk: Legg den valgte blokken til listen over gjenbrukbare blokker. Dette lar deg enkelt legge det til et annet innlegg eller en annen side eller til en annen del av det gjeldende innlegget eller siden.
  • Gruppe: Som grouper alternativet nevnt ovenfor, lar dette deg endre bakgrunnsfargen på blokken.
  • Slett blokken: Fjern blokken fra siden.

Alternativer for sidefelt

legg til musikk i wordpress

Den høyre sidefeltet har to innstillinger: Medieinnstillinger og Avansert. La oss gå gjennom.

Multimedia -innstillinger

Hvis du aktiverer Endre størrelse på små enheter i Multimedia -innstillinger delen, vil innebygningsblokken automatisk endre størrelsen i henhold til skjermstørrelsen. Dette er spesielt viktig for folk som ser på innholdet ditt på en mobilenhet, så det er en god idé å aktivere dette alternativet.

fremgang

i fremgang -delen, kan du legge til en CSS -blokk i den valgte blokken. Dette betyr at du kan tilpasse og style blokken slik du vil (hvis du kan CSS, selvfølgelig).

Beste praksis og tips for effektiv bruk av SoundCloud -innebygningsblokken

Legg raskt til innebygd innhold

Hvis du vet nøyaktig hvor du vil at det innebygde SoundCloud-innholdet skal gå, kan du bare lime inn nettadressen på siden. En SoundCloud -integrasjonsblokk vil automatisk bli opprettet for deg, med alle de samme alternativene som om du skulle legge til blokken manuelt.

Bygg inn SoundCloud -innhold ved hjelp av den klassiske redaktøren

Hvis du foretrekker å jobbe med den klassiske WordPress -redaktøren, kan du alltid bygge inn SoundCloud -innhold. Du vil bare kopiere og lime inn lenken hvor som helst du vil i innlegget eller siden. Dette vil automatisk integrere innholdet. Du vil imidlertid ikke ha de samme verktøylinealternativene som med Gutenberg -blokken.

Bruk innebyggingskoden for forskjellige tilpasninger

En annen måte å legge inn SoundCloud -innhold på WordPress er å bruke innebyggingskoden. Naviger til SoundCloud -innholdet du vil bygge inn, og klikk på knappen Del knappen.

Innebygd lydduk

I popup-vinduet kan du endre utseendet på det innebygde innholdet. I dette eksemplet endret jeg play / pause -knappen til lyseblå og justerte høyden på innebyggingsboksen.

legg til musikk i wordpress

Når du er ferdig, kopierer du innebyggingskoden og limer den inn i en HTML -blokk i WordPress. Du vil kunne se hvordan innholdet vil se ut når du forhåndsviser siden.

Vanlige spørsmål om SoundCloud -integreringsblokk

Har SoundCloud bare musikk?

Nei! SoundCloud tilbyr også podcaster. Å integrere en podcast er det samme som å integrere et musikkspor. Kopier nettadressen, og lim den inn i innboksingsboksen. Du kan legge til en enkelt episode, eller hvis du vil vise podcasten i sin helhet, kan du gå til hovedsiden på SoundCloud og kopiere / lime inn nettadressen.

Innebygd lydduk

Kan jeg legge til flere spor i SoundCloud -integrasjonsblokken?

Hvis du vil ha flere sanger eller podcast -episoder på WordPress -nettstedet ditt, kan du lage din egen spilleliste og deretter legge den inn. Vær oppmerksom på at hvert spors personverninnstillinger blir bevart, selv om du gjør spillelisten offentlig (som du må legge den inn). Dette betyr at hvis du legger til et privat spor i en offentlig spilleliste, vil det sporet alltid forbli privat.

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

Kan jeg velge hvor et SoundCloud -spor begynner å spille?

Dessverre ikke. Når du klikker på Del på SoundCloud -innholdet åpnes et vindu. Nederst er et alternativ for hvor du skal begynne å spille sporet. Imidlertid, når du kopierer og limer inn den relaterte koblingen i innebyggingsblokken, starter den faktisk ikke sporet på den delen. Vi har prøvd det på forskjellige måter, men uten hell.

Innebygd lydduk

pakke

Integrering av musikk eller podcaster i din nettstedet Web kan gjøre opplevelsen mer verdifull og forbedre engasjementet. Hvis du har ditt eget innhold eller ønsker å dele andres, er SoundCloud innebygde blokken den enkleste måten å gjøre det på med flest mulig tilpasnings- og layoutalternativer. Du kan legge til et album, spilleliste, podcast eller musikkspor på nettstedet ditt og tillate brukere det Besøkende å lytte uten å bli omdirigert andre steder. Og hvis de vil utforske mer, kan de enkelt klikke på innholdet i SoundCloud.

Du er kanskje også interessert i artikkelen vår med de 11 beste lydspillertilleggene for WordPress. Sjekk det ut!

Bilde omtalt av apghedia på Shutterstock.com



[Ad_2]

Kilde lenke