WordPress: Komo i kahi MP3 Player i kāu Blog Post

Blog Post MP3 Player me WordPress

Me ka podcasting a me ke kaʻana like ʻana o ka mele ma ka pūnaewele, loaʻa kahi manawa kūpono e hoʻomaikaʻi ai i ka ʻike o kāu poʻe malihini kipa ma kāu pūnaewele ma ka hoʻokomo ʻana i nā leo i loko o kāu mau pou blog. Mahalo, ke hoʻomau nei ʻo WordPress e ulu i kāna kākoʻo no ka hoʻokomo ʻana i nā ʻano papahō ʻē aʻe - a mp3 ʻo nā faila kekahi o ia i maʻalahi e hana!

ʻOiai ke hōʻike nei i kahi mea pāʻani no kahi ninaninau hou loa, maikaʻi ʻole e hoʻokipa i kahi faila leo maoli. ʻO ka hapa nui o nā pūnaewele pūnaewele no nā pūnaewele WordPress ʻaʻole i hoʻomākaukau ʻia no ke kahe ʻana i ka pāpāho - no laila mai kahaha inā hoʻomaka ʻoe e holo i kekahi mau pilikia kahi āu i pā ai i nā palena o ka hoʻohana bandwī a i ʻole kāu mau papa leo like hoʻi. Paipai wau e hoʻokipa i ka faila leo maoli ma kahi lawelawe kahe leo a i ʻole ʻenekini hoʻokipa podcast. A… e hōʻoia e kākoʻo kāu mea lawelawe iā SSL (kahi https: // ala)… kahi blog i hoʻokūpaʻa paʻa ʻole e pāʻani i kahi faila leo i mālama ʻole ʻia ma kahi ʻē.

ʻO kēlā, ʻike ʻoe i ka wahi o kāu faila, e hoʻokomo maʻalahi ʻana i kahi pou blog. Ua kūkulu pololei ʻia ʻo WordPress i kāna mea kani leo HTML5 iā ia i hiki ai iā ʻoe ke hoʻohana i kahi shortcode e hōʻike i ka mea pāʻani.

Eia kahi laʻana mai kahi hanana podcast hou aʻu i hana ai:

Me ka hōʻike hou loa o ka hoʻoponopono Gutenberg ma WordPress, ua hoʻopili wau i ke ala faila leo a ua hana maoli ka mea hoʻoponopono i ka shortcode. Ke ukali nei ke kahunapule maoli, kahi āu e pani ai i ka src me ka URL piha o ka faile āu e makemake ai e pāʻani.

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

Kākoʻo ʻo WordPress i nā mp3, m4a, ogg, wav, a me nā wma filetypes. Hiki iā ʻoe ke loaʻa i kahi shortcode e hāʻawi i kahi fallback i ka hanana loaʻa iā ʻoe nā malihini kipa e hoʻohana nei i nā polokalamu kele pūnaewele i kākoʻo ʻole i kekahi a i ʻole kekahi.

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

Hiki iā ʻoe ke hoʻomaikaʻi i ka shortcode me nā koho ʻē aʻe:

  • loop - kahi koho no ka looping i ka leo.
  • autoplay - kahi koho no ka pāʻani pono ʻana i ka faila ke hoʻouka ia.
  • preload - kahi koho e preload i ka faila leo me ka ʻaoʻao.

E hoʻohui pū ʻia a eia ka mea i loaʻa iā ʻoe:

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

ʻO nā papa inoa Audio ma WordPress

Inā makemake ʻoe e loaʻa kahi papa inoa, ʻaʻole kākoʻo ʻo WordPress i kēia manawa i ka hoʻokipa kūwaho o kēlā me kēia o kāu faila e pāʻani ai, akā hāʻawi lākou ia inā ke hoʻokipa nei ʻoe i kāu faila leo i loko.

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

Aia kekahi mau hāʻina ma laila e hiki ai iā ʻoe ke hoʻohui i kāu Kaupapa Keiki e hiki ai ke hoʻouka i nā faile o waho.

E hoʻohui i kāu Podcast RSS Feed i kāu Sidebar

Me ka hoʻohana ʻana i ka mea pāʻani WordPress, ua kākau wau i kahi plugin e hōʻike aunoa i kāu podcast i kahi widget ʻaoʻao. Hiki iā 'oe heluhelu e pili ana iā ia ma aneʻi a hoʻoiho i ka plugin mai ka waihona WordPress.

Hoʻopilikino o ka Pūnaewele Leo ʻO WordPress

E like me kāu e ʻike ai ma kaʻu pūnaewele ponoʻī, maʻalahi ka mea pāʻani MP3 ma WordPress. Eia nō naʻe, no ka mea ʻo HTML5 ia, hiki iā ʻoe ke ʻaʻa iki i ka hoʻohana ʻana iā CSS. Ua kākau ʻo CSSIgniter i kahi aʻo aʻo nui ma i hoʻopilikino 'i ka mea kani leo no laila ʻaʻole wau e hana hou i nā mea āpau ma aneʻi… akā eia nā koho i hiki iā ʻoe ke hoʻopilikino:

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

Hoʻonui i kāu WordPress MP3 Player

Aia kekahi mau plugina i uku ʻia no ka hōʻike ʻana i kāu leo ​​MP3 i kekahi mau mea kani leo kupaianaha loa.

Hōʻike: Ke hoʻohana nei wau i kaʻu mau loulou pili no nā plugina i luna ma o Codecanyon, kahi pūnaewele plugin maikaʻi loa i kākoʻo maikaʻi ʻia i nā plugina a me ka lawelawe koʻikoʻi a me ke kākoʻo.

Pehea kou manaʻo?

Ke hoʻohana nei kēia pūnaewele i ka Akismet e ho'ēmi i ka spam. E aʻo pehea e hanaʻia ai kāuʻikeʻikepili.