Content MarketingZvishandiso Zvekushambadzira

WordPress: Embed MP3 Player muBlog Yako Post

Ne podcasting uye kugovana mimhanzi kwakatekeshera online, pane mukana wakakura wekusimudzira ruzivo rwevashanyi vako pane yako saiti nekuisa odhiyo mukati meblog rako rekutumira. Nechemumoyo, WordPress inoenderera mberi nekushandura tsigiro yayo yekumisikidza mamwe midhiya mhando - uye mp3 mafaira ndeimwe yeaya ari nyore kuita!

Nepo kuratidza mutambi kubvunzurudzo ichangoburwa kwakanaka, kubata iyo chaiyo odhiyo faira kungave kusingakodzeri. Mazhinji mawebhusaiti eWordPress saiti haana kugadzirwa kuti atepfenyure midhiya - saka usashamiswe kana ukatanga kumhanya mune dzimwe nyaya kwaunorova miganhu pakushandiswa kwebandwidth kana zviteshi zvako zvekuteerera zvachose. Ini ndingakurudzira kutambira iyo chaiyo faira redhiyo pane odhiyo yekufambisa sevhisi kana podcast yekutambira injini. Uye… iva nechokwadi chekuti mugamuchiri wako anotsigira SSL (iyo https:// nzira)… bhurogi rakachengetwa zvakachengetedzeka haritambe faira rekuteerera risina kuchengetwa zvakachengetedzeka kumwewo.

Izvozvo zvakati, kana iwe uchiziva nzvimbo yefaira yako, kuiisa mu blog post iri nyore. WordPress ine yayo HTML5 inoridza inoridza yakavakirwa mukati mayo kuti ugone kushandisa shortcode kuratidza mutambi.

Heino muenzaniso kubva munguva pfupi yapfuura podcast episode yandakaita:

Neyezvino iteration yeGutenberg mupepeti muWordPress, ini ndangoisa iyo yekuteerera faira nzira uye mupepeti akagadzira iyo shortcode. Iyo chaiyo shortcode inotevera, kwaunotsiva iyo src neiyo yakazara URL yefaira raunoda kuridzwa.

[audio src="audio-source.mp3"]

WordPress inotsigira mp3, m4a, ogg, wav, uye wma mafaira. Iwe unogona kutova neshortcode inopa kudzoreredza kana uine vashanyi vachishandisa mabhurawuza asingatsigire imwe kana imwe:

[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav"]

Iwe unogona kuwedzera iyo shortcode pamwe chete nedzimwe sarudzo:

  • loop - sarudzo yekusunungura odhiyo.
  • otomatiki - sarudzo yekungoridza faira racho parinoremedza.
  • preload - sarudzo yekuisa zvakare faira rekuteerera nepeji.

Isa zvese pamwe chete uye hezvino izvo zvaunowana:

[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav" loop="yes" autoplay="on" preload="auto"]

Audio Playlists muWordPress

Kana iwe uchida kuve ne playlist, WordPress haitsigire kunze kwekutambira kwega yega mafaera ako ekutamba, asi ivo vanopa iyo kana iwe uchitambira ako maodhiyo mafaira mukati:

[playlist ids="123,456,789"]

Pane dzimwe mhinduro kunze uko iwe unogona kuwedzera kuMwana wako Theme iyo inogonesa ekunze odhiyo faira kurodha.

Wedzera Yako Podcast RSS Feed kune Yako Sidebar

Ndichishandisa WordPress player, ndakanyora plugin kuti ndiratidze podcast yako otomatiki mudivi rewijeti. Unogona verenga nezvazvo pano uye dhawunirodha plugin kubva kune WordPress repository.

Kugadziriswa kweWordPress Audio Player

Sezvauri kuona kubva kune yangu saiti, iyo MP3 inoridza yakanakisa yakakosha muWordPress. Nekudaro, nekuti iri HTML5, unogona kuipfekedza zvishoma uchishandisa CSS. CSSigniter yakanyora chidzidzo chikuru pa kugadzirisa inoridza mutambi saka handisi kuzozvidzokorora zvese pano… asi heino sarudzo dzaunogona kugadzirisa:

/* Player background */
.mytheme-mejs-container.mejs-container,
.mytheme-mejs-container .mejs-controls,
.mytheme-mejs-container .mejs-embed,
.mytheme-mejs-container .mejs-embed body {
  background-color: #efefef;
}

/* Player controls */
.mytheme-mejs-container .mejs-button > button {
  background-image: url("images/mejs-controls-dark.svg");
}

.mytheme-mejs-container .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(219, 78, 136, 0.075);
}

/* Current track progress and active audio volume level bar */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #db4e88;
}

/* Reduce height of the progress and audio bars */
.mytheme-mejs-container .mejs-time-buffering,
.mytheme-mejs-container .mejs-time-current,
.mytheme-mejs-container .mejs-time-float,
.mytheme-mejs-container .mejs-time-float-corner,
.mytheme-mejs-container .mejs-time-float-current,
.mytheme-mejs-container .mejs-time-hovered,
.mytheme-mejs-container .mejs-time-loaded,
.mytheme-mejs-container .mejs-time-marker,
.mytheme-mejs-container .mejs-time-total,
.mytheme-mejs-container .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-time-handle-content {
  height: 3px;
}

.mytheme-mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mytheme-mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mytheme-mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}

Wedzera Yako WordPress MP3 Player

Kune zvakare mamwe anobhadharwa plugins ekuratidza yako MP3 odhiyo mune mamwe anokatyamadza madhidhiyo ekutamba:

kuburitsa: Martech Zone iri kushandisa affiliate links kune ari pamusoro plugins kusanganisira Codecanyon, inonakidza plugin saiti ine inotsigirwa plugins uye yakanakisa sevhisi nerutsigiro.

Douglas Karr

Douglas Karr ndiye CMO OpenINSIGHTS uye muvambi we Martech Zone. Douglas akabatsira akawanda ekubudirira kweMarTech kutanga, akabatsira mukushingairira kweanopfuura madhora mashanu emadhora mukutenga nekudyara kweMartech, uye anoenderera mberi nekubatsira makambani kuita nekuita otomatiki nzira dzawo dzekutengesa nekutengesa. Douglas inyanzvi inozivikanwa pasi rese yedhijitari uye MarTech nyanzvi uye mutauri. Douglas zvakare munyori akaburitswa wegwaro raDummie uye bhuku rehutungamiriri hwebhizinesi.

Related Articles

Kudzoka kumusoro
pedyo

Adblock Yaonekwa

Martech Zone inokwanisa kukupa izvi zvemukati pasina muripo nekuti isu tinoita mari saiti yedu kuburikidza nemari yekushambadza, affiliate links, uye kutsigira. Tinozotenda kana iwe ukabvisa yako ad blocker iwe paunoona yedu saiti.