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

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

12

Media er veldig viktig for å tiltrekke seg brukere og beholde dem på nettstedet ditt. Du kan enkelt legge inn YouTube og andre videoer på WordPress. På samme måte, hvis du vil legge inn en lyd på nettstedet ditt, kan du gjøre det slik. WordPress har en integrert HTML5 -lydspiller for å vise frem lydfilene dine på en enkel måte. Du kan enten lage en spiller med enkelt lyd eller med flere lydfiler som en spilleliste. I denne artikkelen vil vi forklare hvordan du legger til lydspiller på WordPress -nettstedet ved å bruke standard lydkort.



Legg til lyd i WordPress uten plugin

WordPress har en innebygd lydkortkode for å sette inn en HTML5-lydspiller i innleggene, sidene og widgetene. Den støtter alle HTML5 -støttede filtyper som .mp3, .egg og .wav.

Sette inn en enkelt lydfil

I likhet med alle andre bilder og videoer laster du opp lydfilen din via "Legg til media" -knappen i WordPress -postredigereren. Etter at filen er lastet opp, skriver du inn spordetaljene på medieskjermen. WordPress lar deg legge til spordetaljer som tittelen på lyden, artistnavn, albumnavn, bildetekst og beskrivelse for lydfilen din som vist nedenfor.

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

Legge til spordetaljer for lydfil i WordPress

Selv om en enkelt lydspiller ikke bruker disse detaljene på skjermen, vises disse detaljene i spillelisten. Rull ned til slutten av ruten, og kontroller at du har valgt alternativet "Embed Media Player". Det bør velges fra rullegardinmenyen mot "Embed or Link" under "Innstillinger for vedleggsvisning".

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

Velg Embed Media Player Option

Dette er en viktig innstilling som gjør at WordPress kan sette inn lydavspiller i stedet for å koble til mediefilen eller til vedleggssiden. Klikk på "Sett inn i innlegg" -knappen for å legge til filen i WordPress -innlegget ditt. WordPress vil automatisk legge til HTML5 -lydspiller.

Nedenfor er et eksempel på en standard HTML5 -lydspiller satt inn ved hjelp av lydkortkode.

Lydspilleren har minimumskontroller med avspilling / pause -knapper, fremdriftslinje som viser tid, volumkontroll og volumlinje. Standard lydavspiller er lydhør og bruker den tilgjengelige bredden basert på nettleserens bredde. Og den publiserte artikkelen vil ha den samme lydspilleren som du ser inne i postredigereren.

Tilpasse lydkortkode

Klikk nå på "Tekst" -fanen i editoren for å se lydfilen som i utgangspunktet bruker en kortkode for å vises som en spiller.

[if lt IE 9]><script>document.createElement('audio');</script><![endif]

Selv om kortkoden har både åpne og lukkede koder, er ikke den avsluttende lydkoden obligatorisk. Du kan også legge til fallback -lydfilene ved hjelp av kortkoden nedenfor. I dette tilfellet, hvis det er et problem med å spille av .mp3 -filen, velger WordPress alternativet .ogg og deretter .wav.

Audio Player

Looping og autoplay -alternativer kan legges til som følger:

Audio Player

Sørg for å aktivere alternativet for autospill bare hvis det er nødvendig for å gi god brukeropplevelse.

Sette inn en spilleliste

Klikk på "Legg til media" -knappen i innleggsredigereren, og klikk deretter på "Opprett lydspilleliste" -alternativet. Last opp eller velg de nødvendige lydfilene som skal vises i spillelisten, og klikk på "Opprett en ny spilleliste" -knapp.

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

Opprette lydspilleliste i WordPress

Du vil bli ført til redigeringsspillelisten som vist nedenfor. Dra og slipp filene for å endre rekkefølgen på avspillingssekvensen, og endre bildetekster om nødvendig.

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

Redigerer lydspilleliste i WordPress

Under "Spillelisteinnstillinger" -ruten på høyre side, aktiver eller deaktiver sporliste, artistnavn og fremhevede bilder som skal vises i lydspilleren eller ikke.

Til slutt klikker du på "Sett inn lydspilleliste", og du vil se lydspilleren med spilleliste som nedenfor:

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

Lydspiller med spilleliste i WordPress

Merk: For å legge til et fremhevet bilde for lydfiler, navigerer du til "Media> Library" -menyen. Rediger lydfilene du har lastet opp, og legg til utvalgte bilder i hver lydfil.


Relaterte artikler:


Tilpasse kortliste for spilleliste

Når du bytter til "Tekst" -fanen, finner du igjen at WordPress bruker kortkode til å sette inn en spilleliste som nedenfor:

[playlist ids="xxx,xxx,xxx"]

Du kan legge til følgende parametere for å tilpasse spillelisten:

Parameter Standardverdi Andre mulige verdier Beskrivelse
type lyd video Bytt lydspiller til videospiller (du må ha en nødvendig video lastet opp).
rekkefølge ASC DESC Stigende eller synkende rekkefølge
ID -er ID -er for vedlegg Skilt med komma
utelukke tømme Skriv inn vedlegg -ID -er Angitte ID -er blir ekskludert fra spillelisten
sporliste ekte falsk Vis eller skjul spilleliste
løpenummer ekte falsk Vis eller skjul spornumre i spillelisten
Bilder ekte falsk Vis eller skjul det fremhevede bildet i spilleren
artister ekte falsk Vis eller skjul artistnavn i spillelisten
stil lys mørk Påfør lys eller mørk hud

For eksempel kan du endre standard lysstilspiller til mørk stil og deaktivere spornummer i listen ved å bruke følgende kortnummer:

[playlist ids="xxx,xxx,xxx" style="dark" tracknumbers="false"]

Sett inn lydspilleren i sidefeltet og bunnteksten

Hensikten med å bruke kortkode er veldig enkel – den kan settes inn i alle områder på nettstedet ditt, for eksempel sidefelt og bunntekst. Under "Utseende> Widgets" drar og slipper du "Tekst" -modulen på sidefeltet eller bunntekstområdet der du vil legge til spilleren.

Hvordan legge til lydspiller i WordPress -nettsted uten plugin?

Legg til lydavspiller i widgetområdet

Sett inn lyd- eller spillelistekodene med tilpasningen din som forklart ovenfor. Lagre widgeten din, så blir spilleren vist på det valgte widgetområdet.

Siste ord

Selv om innebygd lydinnbygging er et godt alternativ, er det enkelt og kan ikke oppfylles når du trenger fullstendig lydspilleroppsett. De alternative alternativene er å bruke et lydspillers plugin eller bygge inn lydavspiller fra tredjeparts nettsteder som SoundCloud.

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