TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

5

Media är mycket viktigt för att attrahera användare och behålla dem på din webbplats. Du kan enkelt bädda in YouTube och andra videor på din WordPress. På samma sätt, om du vill bädda in ett ljud på din webbplats, så här kan du göra det. WordPress har en integrerad HTML5 -ljudspelare för att visa dina ljudfiler på ett enkelt sätt. Du kan antingen skapa en spelare med ett enda ljud eller med flera ljudfiler som en spellista. I den här artikeln kommer vi att förklara hur du lägger till ljudspelare i WordPress -webbplatsen med standard ljudkort.



Lägg till ljud i WordPress utan plugin

WordPress har en inbyggd ljudkortkod för att infoga en HTML5-ljudspelare i dina inlägg, sidor och widgets. Den stöder alla HTML5 -filtyper som .mp3, .egg och .wav.

Infoga en enda ljudfil

På samma sätt som alla andra bilder och videor, ladda upp din ljudfil med knappen "Lägg till media" i WordPress -postredigeraren. Efter att filen har laddats upp anger du spårdetaljer på medieskärmen. Med WordPress kan du lägga till spårdetaljer som titeln på ditt ljud, artistnamn, albumnamn, bildtext och beskrivning för din ljudfil enligt nedan.

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

Lägga till spårinformation för ljudfil i WordPress

Även om enstaka ljudspelare inte använder dessa detaljer på skärmen, visas dessa detaljer i spellistan. Rulla ner till slutet av rutan och kontrollera att du har valt alternativet "Bädda in mediaspelare". Det bör väljas från rullgardinsmenyn mot "Bädda in eller länka" under avsnittet "Inställningar för bilageskärm".

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

Välj Bädda in mediaspelaralternativ

Detta är en viktig inställning som gör det möjligt för WordPress att infoga ljudspelare istället för att länka till mediefilen eller till bilaga. Klicka på knappen "Infoga i inlägg" för att lägga till filen i ditt WordPress -inlägg. WordPress lägger automatiskt till HTML5 -ljudspelare.

Nedan följer ett exempel på standard HTML5 -ljudspelare som är införd med ljudkort.

Ljudspelaren har minimikontroller med uppspelning / pausknappar, statusfält som visar tidslängd, volymkontroll och volymfält. Standardljudspelaren är responsiv och upptar den tillgängliga bredden baserat på webbläsarens bredd. Och den publicerade artikeln kommer att ha samma ljudspelare som du ser i postredigeraren.

Anpassa ljudkod

Klicka nu på fliken "Text" i redigeraren för att se ljudfilen i princip använder en kortnummer för att visas som en spelare.

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

Även om kortkoden har både öppna och stänga taggar är den slutande ljudtaggen inte obligatorisk. Du kan också lägga till fallback -ljudfiler med hjälp av kortkoden nedan. I det här fallet om det uppstår problem med att spela .mp3 -fil kommer WordPress att välja alternativet .ogg och sedan .wav.

Audio Player

Alternativ för loop och autoplay kan läggas till enligt nedan:

Audio Player

Se till att aktivera autoplay -alternativet endast om det krävs för att ge en bra användarupplevelse.

Infoga en spellista

Klicka på knappen "Lägg till media" i din inläggsredigerare och klicka sedan på alternativet "Skapa ljudspellista". Ladda upp eller välj de ljudfiler som ska visas i spellistan och klicka på knappen "Skapa en ny spellista".

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

Skapa ljudspellista i WordPress

Du kommer till skärmen för redigering av spellistan som visas nedan. Dra och släpp filerna för att ordna om spelsekvensen och ändra bildtexterna om det behövs.

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

Redigera ljudspellista i WordPress

Under rutan "Spellistainställningar" på höger sida, aktivera eller inaktivera spårlista, artistnamn och utvalda bilder som ska visas i ljudspelaren eller inte.

Klicka slutligen på "Infoga ljudspellista" så ser du ljudspelaren med spellista som nedan:

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

Ljudspelare med spellista i WordPress

Obs! För att lägga till en utvald bild för ljudfiler, navigerar du till "Media> Bibliotek" -menyn. Redigera de ljudfiler du har laddat upp och lägg till en utvald bild till varje ljudfil.


Relaterade artiklar:


Anpassa kortlista för spellista

När du växlar till fliken "Text" hittar du igen att WordPress använder kortkod för att infoga en spellista som nedan:

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

Du kan lägga till följande parametrar för att anpassa spellistan:

Parameter Standardvärde Andra möjliga värden Beskrivning
typ audio video- Byt ljudspelare till videospelare (du måste ha uppladdade filmer).
beställa ASC DESC Stigande eller fallande ordning
id Bilaga id Skilt med komma
utesluta tömma Ange bilaga -id: n Inmatade id utesluts från spellistan
Spårlista Sann falsk Visa eller dölj spellista
spårnummer Sann falsk Visa eller dölj spårnummer i spellistan
bilder Sann falsk Visa eller dölj den utvalda bilden i spelaren
konstnärer Sann falsk Visa eller dölj artistnamn i spellistan
stil ljus mörk Applicera ljus eller mörk hud

Till exempel kan du ändra standardspelaren för ljusstil till mörk stil och inaktivera spårnummer i listan med följande kortnummer:

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

Sätt in ljudspelare i sidofältet och sidfoten

Syftet med att använda kortkod är mycket enkelt – det kan infogas i alla delar av din webbplats som sidofält och sidfot. Under "Utseende> widgetar" dra och släpp widgeten "Text" i sidofältet eller sidfoten där du vill lägga till spelaren.

Hur lägger jag till ljudspelare på WordPress -webbplatsen utan plugin?

Lägg till ljudspelare i widgetområdet

Sätt in ljud- eller spellistans kortkoder med din anpassning enligt förklaringen ovan. Spara din widget så kommer spelaren att visas i det valda widgetområdet.

Slutliga ord

Även om inbyggd ljudinbäddning är ett bra alternativ, är det enkelt och uppfylls kanske inte när du behöver fullständig konfiguration av ljudspelare. De alternativa alternativen är att använda ett ljudspelar -plugin eller bädda in ljudspelare från tredje parts webbplatser som SoundCloud.

Inspelningskälla: webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer