WordPress: Faʻapipiʻi se MP3 Player i Lau Blog Post

Blog Post MP3 Player ma le WordPress

Faatasi ai ma le podcasting ma musika fefaʻasoaaʻi sili ona salalau i luga ole laiga, o loʻo iai se avanoa lelei e faʻalauteleina ai au tagata asiasi 'poto masani i lau' upega tafaʻilagi e ala i le tuʻuina o leo i totonu o lau blog post. O le mea e faʻafetai ai, o loʻo faʻaauau pea ona atinaʻe e le WordPress lana lagolago mo le tuʻuina i luma o isi ituaiga faʻasalalauga - ma mp3 faila o se tasi o na e faigofie ona faia!

A o le faʻaalia o se tagata taʻalo mo se faatalanoaga talu ai nei e sili, talimalo i le moni leo faila atonu e le fautuaina. Ole tele o 'upega tafaʻilagi mo' upega tafaʻilagi e leʻo faʻaleleia mo faʻasalalauga faʻasalalau - o lea aua le teteʻi pe a amata ona e tamoʻe i nisi o mataupu e te lavea ai tapulaʻa i bandwidth faʻaaogaina poʻo lau leo ​​leo atoa. Ou te fautuaina le talimalo i le mea moni faila i luga o se leo tafe tautua pe podcast talimalo afi. Ma… ia e mautinoa o loʻo lagolagoina e lau talimalo SSL (o le https: // path)… o le blog e faʻamautuina malu puipuia o le a le taina se leo faila e le o talimalo saogalemu i se isi mea.

Na fai mai, oe iloa le nofoaga o lau faila, o le tuʻuina i totonu o se blog post e faigofie lava. O loʻo i ai i le WordPress lana ia lava leo leo leo HTML5 fausia i totonu ia mafai ona e faʻaaogaina se shortcode e faʻaali ai le tagata taʻalo.

Lenei o se faʻataʻitaʻiga mai le lata mai nei podcast vaega na ou faia:

Faatasi ai ma le faʻamatalaga talu ai nei a le faatonu o le Gutenberg i le WordPress, na o loʻu faʻapipiʻiina o le auala faila faila ma o le faatonu na ia faia le shortcode. O loʻo mulimuli mai le shortcode, lea e te suia ai le src i le atoa URL o le faila e te manaʻo ai.

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

E lagolagoina e le WordPress le mp3, m4a, ogg, wav, ma le wma filetypes. Oe mafai foi ona i ai se shortcode e maua ai se fallback i le mea na tupu oe i ai tagata asiasi faʻaaoga tagata suʻesuʻe e le lagolagoina le tasi poʻo le isi:

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

Oe mafai faʻalauteleina le shortcode faʻapea foi ma isi filifiliga:

  • matasele - o se filifiliga mo looping le leo.
  • autoplay - o se filifiliga mo otometi taina le faila i le taimi lava e utaina ai.
  • preload - o se filifiliga e preload le faila faila ma le itulau.

Tuʻu faʻatasia uma ma o mea ia e te maua:

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

Lisi Laʻau Faʻalogo i le WordPress

Afai e te manaʻo e i ai se playlist, WordPress e le o lagolagoina nei talimalo i fafo atu o au faila taʻitasi e taalo, ae latou te ofaina pe a fai o loʻo e talimalo i au faila leo i totonu:

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

E iai nisi tali fafo iina oe mafai ona faʻaopopo i lau Tama Autu o le a mafai ai i fafo fafo faila faila.

Faʻaopopo Lau Podcast RSS Fafaga I lau Sidebar

I le faʻaaogaina o le taʻalo WordPress, na ou tusia ai se plugin e faʻaali otometi ai lau podcast i le widget i autafa. E te mafaia faitau e uiga i ai iinei ma download le plugin mai le fale teuoloa WordPress.

Faʻaleleia e le WordPress Audio Player

E pei ona mafai ona e vaʻai i laʻu lava 'upega tafaʻilagi, o le MP3 player e fai lava si taua i le WordPress. Ae ui i lea, talu ai o le HTML5, oe mafai ona faʻaofuina laʻititi teʻa faʻaaoga le CSS. Ua tusia e le CSSIgniter se sili aʻoaʻoga luga faʻapitoa i le mea faʻalogo leo Ma o lea ou te le toe faia uma iinei ... ae o filifiliga nei e mafai ona e faʻapitoa:

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

Faʻaleleia lau WordPress MP3 Player

E i ai foi nisi totogi plugins mo le faʻaalia o lau MP3 leo i nisi matua matua mataʻina leo taʻaloga:

Faʻailoaina: O loʻo ou faʻaaogaina aʻu fesoʻotaʻiga fesoʻotaʻiga mo luga plugins ala i Codecanyon, o se manaia plugin 'upega tafaʻilagi o loʻo lagolagoina lelei plugini ma mataʻina tautua ma lagolago.

O le'a sou manatu?

O lenei 'upega tafaʻilagi e faʻaaogaina le Akismet e faʻaitiitia le spam. Aoao pe faapefea ona faʻasoa lau faʻamatalaga faʻamatalaga.