мазмун MarketingМаркетинг куралдары

WordPress: Блогуңузга MP3 ойноткучун кыстарыңыз

Подкастинг жана музыка менен бөлүшүү онлайн режиминде кеңири жайылгандыктан, блогуңуздун постторуна аудио орнотуу менен, конокторуңуздун тажрыйбасын өркүндөтүүгө сонун мүмкүнчүлүк бар. Бактыга жараша, WordPress башка медиа түрлөрүн киргизүү үчүн колдоосун өркүндөтүп келет - жана mp3 файлдарды жасоо оңой болгондордун бири!

Жакынкы маекке ойноткучту көрсөтүү сонун болсо да, чыныгы аудио файлды жайгаштырууга болбойт. WordPress сайттарынын көпчүлүк веб-хосттору агымдагы медиа үчүн оптимизацияланган эмес - андыктан өткөрмө өткөрүү мүмкүнчүлүгүнө чек коюңуз же аудио дүкөндөрүңүздө кандайдыр бир көйгөйлөр келип чыкса таң калбаңыз. Чыныгы аудио файлды аудио агым кызматында же подкаст хостинг кыймылдаткычында жайгаштырууну сунуштайм. Жана… сиздин хостуңуз SSLди колдооруна (https: // жолу) ишенип коюңуз ... коопсуз жайгаштырылган блог башка жерде коопсуз жайгаштырылбаган аудио файлды ойнотпойт.

Айтор, эгер сиз файлыңыздын жайгашкан жерин билсеңиз, аны блог постуна кыстаруу абдан жөнөкөй. WordPress өзүнүн HTML5 аудио ойноткучуна түз орнотулган, андыктан сиз ойноткучту көрсөтүү үчүн кыска кодду колдоно аласыз.

Жакында мен жасаган подкаст эпизодунан мисал:

WordPress'теги Гутенберг редакторунун акыркы итерациясы менен мен аудио файлдын жолун чаптап койдум жана редактор чындыгында кыска кодду түздү. Иш жүзүндө кыска код төмөнкүдөй болот, мында src файлын ойноткуңуз келген файлдын толук URL дареги менен алмаштырасыз.

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

WordPress mp3, m4a, ogg, wav жана wma файл түрлөрүн колдойт. Ал тургай, бирөөсүн же экинчисин колдобогон браузерлерди колдонуп, конокторуңуз келип түшкөн учурда, кемчиликтерди камсыз кылган кыска кодуңуз болот:

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

Кыска кодду жана башка параметрлер менен жакшырта аласыз:

  • укурук - аудиону укуруктоо ыкмасы.
  • авто ойнотуу - файл жүктөлөөр замат автоматтык түрдө ойнотуу мүмкүнчүлүгү.
  • алдын ала жүктөө - аудио файлды барак менен алдын ала жүктөө мүмкүнчүлүгү.

Баарын бириктирип, эмне тапсаңыз болот:

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

WordPress'теги аудио ойнотмо тизмелер

Эгер сиз ойнотмо тизмеге ээ болгуңуз келсе, WordPress учурда файлдарыңыздын ар биринин тышкы хостингин ойнотууну колдобойт, бирок аудио файлдарыңызды ички хостингде жайгаштырсаңыз, алар сунушташат:

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

Ал жерде кээ бир чечимдер Сырткы аудио файлдарын жүктөөнү иштете турган Child Themeге кошууга болот.

Podcast RSS Feed'ти каптал тилкесине кошуңуз

WordPress ойноткучун колдонуп, подкастыңызды капталдагы виджетке автоматтык түрдө көрсөтүү үчүн плагин жаздым. Сенин колуңдан келет бул жөнүндө бул жерден окуңуз жана плагинди жүктөп алыңыз WordPress кампасынан.

WordPress Аудио Ойноткучту настройкалоо

Менин жеке сайтымдан көрүнүп тургандай, MP3 ойноткуч WordPressте абдан жөнөкөй. Бирок, бул HTML5 болгондуктан, аны колдонуу менен бир аз кооздосоңуз болот CSS. CSSIgniter сонун окуу куралын жазды аудио ойноткучту жөндөө ошондуктан мен бул жерде баарын кайталабайм ... бирок бул жерде сиз настройкалоочу параметрлер бар:

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

WordPress MP3 ойноткучуңузду өркүндөтүңүз

Айрым укмуштуу аудио ойноткучтарда MP3 аудиону көрсөтүү үчүн бир нече акы төлөнүүчү плагиндер бар:

ачыкка чыгаруу: Martech Zone анын ичинде жогорудагы плагиндер үчүн өнөктөштүк шилтемелерди колдонуп жатат Codecanyon, жакшы колдоого алынган плагиндер жана мыкты кызмат жана колдоо бар фантастикалык плагин сайты.

Douglas Karr

Douglas Karr CMO болуп саналат OpenINSIGHTS жана негиздөөчүсү Martech Zone. Дуглас ондогон ийгиликтүү MarTech стартаптарына жардам берди, Martech сатып алууларына жана инвестицияларына 5 миллиард доллардан ашык каражатты текшерүүгө жардам берди жана компанияларга сатуу жана маркетинг стратегияларын ишке ашырууда жана автоматташтырууда жардам берүүнү улантууда. Дуглас эл аралык деңгээлде таанылган санариптик трансформация жана MarTech эксперти жана спикери. Дуглас ошондой эле Dummie's guide жана бизнес лидерлик китебинин басылып чыккан автору.

Тектеш макалалар

Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.