TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

26

Media on erittäin tärkeä houkutellakseen käyttäjiä ja säilyttääkseen heidät verkkosivustollaan. Voit helposti upottaa YouTuben ja muut videot WordPressiin. Samoin, jos haluat upottaa äänen sivustollesi, voit tehdä sen seuraavasti. WordPressissä on integroitu HTML5 -äänisoitin, joka esittelee äänitiedostosi yksinkertaisella tavalla. Voit joko luoda soittimen yhdellä äänellä tai useilla äänitiedostoilla soittolistana. Tässä artikkelissa selitämme, miten äänisoitin lisätään WordPress -sivustoon käyttämällä oletusäänen lyhytkoodia.



Lisää ääntä WordPressiin ilman laajennusta

WordPressissä on sisäänrakennettu äänen lyhytkoodi HTML5-äänisoittimen lisäämiseksi viesteihisi, sivuillesi ja widgeteihisi. Se tukee kaikkia HTML5 -tuettuja tiedostotyyppejä, kuten .mp3, .egg ja .wav.

Yksittäisen äänitiedoston lisääminen

Kuten kaikki muut kuvat ja videot, lataa äänitiedosto WordPress -viestieditorin Lisää media -painikkeella. Kun tiedosto on ladattu, kirjoita kappaleen tiedot medianäytölle. WordPressin avulla voit lisätä raidan tietoja, kuten äänesi otsikon, esittäjän nimi, albumin nimi, tekstitys ja kuvaus äänitiedostollesi, kuten alla.

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

Äänitiedoston kappaleiden tietojen lisääminen WordPressissä

Vaikka yhden tiedoston äänisoitin ei käytä näitä tietoja näytöllä, nämä tiedot näkyvät soittolistassa. Vieritä alas ruudun loppuun ja tarkista, että olet valinnut "Upota mediasoitin" -vaihtoehdon. Se on valittava avattavasta valikosta "Upota tai linkitä" kohdassa "Liitteen näyttöasetukset".

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

Valitse Upota mediasoittimen vaihtoehto

Tämä on tärkeä asetus, jonka avulla WordPress voi lisätä äänisoittimen sen sijaan, että se linkittäisi mediatiedostoon tai liitesivulle. Lisää tiedosto WordPress -viestiisi napsauttamalla "Lisää viestiin" -painiketta. WordPress lisää automaattisesti HTML5 -äänisoittimen.

Alla on esimerkki oletusarvoisesta HTML5 -äänisoittimesta, joka on lisätty käyttämällä äänikoodia.

Äänisoittimessa on minimisäätimet, joissa on toisto- / taukopainikkeet, edistymispalkki, joka näyttää ajan, äänenvoimakkuuden säätö ja äänenvoimakkuuspalkki. Oletusäänisoitin on responsiivinen ja käyttää käytettävissä olevaa leveyttä selaimen leveyden perusteella. Ja julkaistussa artikkelissa on sama äänisoitin kuin näet viestieditorissa.

Äänen lyhytkoodin mukauttaminen

Napsauta nyt editorin "Teksti" -välilehteä nähdäksesi, että äänitiedosto käyttää pohjimmiltaan lyhytkoodia soittimen näyttämiseen.

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

Vaikka lyhytkoodissa on sekä avaus- että sulkutunniste, sulkeva äänitunniste ei ole pakollinen. Voit myös lisätä vara -äänitiedostoja alla olevan lyhytkoodin avulla. Tässä tapauksessa, jos .mp3 -tiedoston toistamisessa on ongelmia, WordPress valitsee varavaihtoehdon .ogg ja sitten .wav.

Audio Player

Silmukka- ja automaattitoistovaihtoehdot voidaan lisätä seuraavasti:

Audio Player

Varmista, että otat automaattisen toiston käyttöön vain tarvittaessa, jotta saat hyvän käyttökokemuksen.

Soittolistan lisääminen

Napsauta "Lisää media" -painiketta viestieditorissasi ja napsauta sitten "Luo äänisoittolista" -vaihtoehtoa. Lataa tai valitse soittolistassa näytettävät äänitiedostot ja napsauta "Luo uusi soittolista" -painiketta.

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

Äänisoittolistan luominen WordPressissä

Siirryt muokkaussoittolistan näyttöön alla olevan kuvan mukaisesti. Vedä ja pudota tiedostot järjestääksesi toistojärjestyksen uudelleen ja muuttaaksesi kuvatekstejä tarvittaessa.

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

Äänisoittolistan muokkaaminen WordPressissä

Ota oikealla puolella olevan "Soittolistan asetukset” -ruudussa käyttöön tai poista käytöstä kappaleiden luettelon, esittäjän nimen ja esillä olevien kuvien näyttäminen äänisoittimessa.

Napsauta lopuksi "Lisää äänisoittolista" ja näet alla olevan soittolistan sisältävän soittimen:

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

Äänisoitin ja soittolista WordPressissä

Huomautus: Jos haluat lisätä esillä olevan kuvan äänitiedostoille, siirry "Media> Kirjasto" -valikkoon. Muokkaa lataamiasi äänitiedostoja ja lisää esillä oleva kuva kuhunkin äänitiedostoon.


Aiheeseen liittyvät artikkelit:


Soittolistan lyhytkoodin mukauttaminen

Kun vaihdat "Teksti" -välilehteen, huomaat jälleen, että WordPress käyttää lyhytkoodia soittolistan lisäämiseen, kuten alla:

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

Voit muokata soittolistaa lisäämällä seuraavat parametrit:

Parametri Oletusarvo Muut mahdolliset arvot Kuvaus
tyyppi audio- video- Vaihda äänisoitin videosoittimeksi (vaaditut videot on ladattava).
Tilaus ASC DESC Nouseva tai laskeva järjestys
tunnukset Liitetunnukset Erotettu pilkulla
sulkea pois tyhjä Anna liitetunnukset Syötetyt tunnukset suljetaan pois soittolistalta
kappalelista totta väärä Näytä tai piilota soittolista
jäljenumerot totta väärä Näytä tai piilota kappaleiden numerot soittolistassa
kuvia totta väärä Näytä tai piilota esillä oleva kuva soittimessa
taiteilijoita totta väärä Näytä tai piilota esittäjän nimi soittolistassa
tyyli valo tumma Levitä vaaleaa tai tummaa ihoa

Voit esimerkiksi muuttaa oletusarvoisen vaalean tyylin soittimen tummaksi ja poistaa raidan numerot käytöstä luettelossa käyttämällä seuraavaa lyhytkoodia:

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

Aseta äänisoitin sivupalkkiin ja alatunnisteeseen

Lyhytkoodin käyttötarkoitus on hyvin yksinkertainen – se voidaan lisätä mihin tahansa sivustosi alueeseen, kuten sivupalkkiin ja alatunnisteeseen. Vedä ja pudota "Ulkoasu> Widgetit" -kohdassa "Teksti" -widget sivupalkissa tai alatunnistealueella, johon haluat lisätä soittimen.

Kuinka lisätä äänisoitin WordPress -sivustoon ilman laajennusta?

Lisää äänisoitin widget -alueelle

Lisää ääni- tai soittolistan lyhytkoodit mukautuksellasi yllä kuvatulla tavalla. Tallenna widget ja soitin näkyy valitulla widget -alueella.

Lopulliset sanat

Vaikka sisäänrakennettu äänen upotus on hyvä vaihtoehto, se on yksinkertainen eikä välttämättä täytä, kun tarvitset täydellisen äänisoittimen asennuksen. Vaihtoehtoisia vaihtoehtoja ovat käyttää äänisoitinlaajennusta tai upottaa äänisoitin kolmansien osapuolten verkkosivustoilta, kuten SoundCloud.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja