Content MarketingFitaovana marketing

WordPress: Ampidiro ao anaty bilaoginao ny mpamaky MP3

Miaraka amin'ny fampielezam-peo sy fizarana mozika izay manjaka an-tserasera, misy ny fotoana mety hanatsarana ny traikefan'ireo mpitsidika anao amin'ny tranokalanao amin'ny alàlan'ny fampidirana am-peo ao anaty lahatsoratra bilaoginao. Soa ihany, WordPress dia manohy manangana ny fanohanany amin'ny fampidirana karazana haino aman-jery hafa - ary mp3 ny rakitra dia iray amin'ireo mora atao!

Na dia tsara aza ny fampisehoana mpilalao amin'ny resadresaka vao haingana, ny fampiantranoana ilay rakitra am-peo dia mety tsy ho tsara. Ny ankamaroan'ny mpampiantrano tranonkala ho an'ny tranokala WordPress dia tsy nohamarinina ho an'ny haino aman-jery mivantana - koa aza gaga raha manomboka manana olana sasany ianao izay mahatratra ny fetran'ny fampiasa amin'ny bandwidth na ny stall audio-nao tanteraka. Manoro hevitra ny hampiantrano ny fisian'ilay rakitra tena izy aho amin'ny serivisy audio streaming na motera fampiantranoana podcast. Ary… alao antoka fa manohana an'i SSL (lalana https: //) ny mpampiantrano anao… ny bilaogy iray izay nampiantranoina soa aman-tsara dia tsy hilalao rakitra audio izay tsy voalamina tsara any an-kafa.

Izany hoe, raha fantatrao ny toerana misy ny rakitrao, ny fampidirana azy amin'ny lahatsoratra bilaogy dia tsotra. WordPress dia manana mpilalao audio HTML5 manokana natsangana ao anatiny mba hahafahanao mampiasa kaody fohy hanehoana ilay mpilalao.

Ity misy ohatra iray avy amin'ny fizarana podcast farany nataoko:

Miaraka amin'ny fanavaozana farany an'ny tonian-dahatsoratra Gutenberg ao amin'ny WordPress, napetako fotsiny ny làlan'ny rakitra audio ary ny tonian-dahatsoratra dia namorona ny shortcode. Ny shortcode tena izy dia manaraka, izay hanoloanao ny src amin'ny URL feno ny rakitra tianao holalaovina.

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

WordPress dia manohana filetypes mp3, m4a, ogg, wav, ary wma. Azonao atao aza ny manana kaody fohy izay manome fallback raha sendra misy mpitsidika mampiasa mpitety izay tsy manohana ny iray na ny iray hafa:

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

Azonao atao ny manatsara ny kaody fohy miaraka amin'ny safidy hafa:

  • loop - safidy iray hanodinana ny audio.
  • autoplay - safidy iray hilalaovana ho azy ny rakitra raha vantany vao mavesatra izy io.
  • preload - safidy iray hamoahana mialoha ny rakitra audio miaraka amin'ity pejy ity.

Ampifanaraho daholo ary izao no azonao:

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

Playlists Audio ao amin'ny WordPress

Raha te hanana lisitry ny playlist ianao dia tsy manohana ny fampiantranoana ivelany ny tsirairay amin'ireo rakitrao hilalao ny WordPress amin'izao fotoana izao, fa atolotray kosa raha mampiantrano ireo rakitrao ao anatiny ianao:

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

Misy vahaolana vitsivitsy any izay azonao ampidirina amin'ny lohahevitry ny Ankizy anao izay ahafahan'ny fandefasana rakitra audio ivelany.

Ampio ny Podcast RSS Feed ho an'ny sidebar anao

Nampiasako ilay mpilalao WordPress, nanoratra plugin iray aho mba hampisehoana ny podcast anao amina widgets sidebar. Ianao dia afaka vakio eto ary ampidino ny plugin avy amin'ny tahiry WordPress.

Fanamboarana ny WordPress Audio Player

Araka ny hitanao amin'ny tranokalako manokana, ny mpilalao MP3 dia tena fototra ao amin'ny WordPress. Na izany aza, noho izy HTML5, azonao atao ny mampiakanjo azy amin'ny fampiasana azy CSS. CSSIgniter dia nanoratra lesona lehibe momba ny ampanjifaina ny mpilalao audio Ka tsy averiko eto daholo izany… fa ireto misy safidy azonao ampanjifaina:

/* 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;
}

Ampitomboy ny MP3 MPXNUMX Player anao

Misy ihany koa ny plugins misy karama amin'ny fampisehoana ny raki-peo MP3 misy anao amin'ny mpilalao audio tena mahavariana:

Disclosure: Martech Zone dia mampiasa rohy mifandray amin'ireo plugins etsy ambony ao anatin'izany Codecanyon, tranokala plugin mahafinaritra izay manana plugins tohana tsara sy serivisy sy fanohanana miavaka.

Douglas Karr

Douglas Karr dia CMO ny OpenINSIGHTS ary ny mpanorina ny Martech Zone. Nanampy tamin'ny fanombohana MarTech am-polony maro i Douglas, nanampy tamin'ny fahazotoana mitentina 5 miliara dolara amin'ny fividianana sy fampiasam-bola Martech, ary manohy manampy ireo orinasa amin'ny fampiharana sy ny automatique ny paikady momba ny varotra sy ny varotra. Douglas dia fanovàna nomerika eken'ny sehatra iraisam-pirenena ary manampahaizana sy mpandahateny MarTech. Douglas dia mpanoratra navoakan'ny torolàlana Dummie ary boky fitarihana orinasa.

Related Articles

Miverina amin'ny bokotra ambony
akaiky

Adblock hita

Martech Zone dia afaka manome anao ity votoaty ity tsy misy vidiny satria ataonay vola ny tranokalanay amin'ny alàlan'ny fidiram-bolan'ny doka, ny rohy mifandray, ary ny fanohanana. Mankasitraka izahay raha esorinao ny fanakanana dokao rehefa mijery ny tranokalanay ianao.