सामग्री विपणनविपणन साधने

वर्डप्रेसः आपल्या ब्लॉग पोस्टमध्ये एमपी 3 प्लेयर एम्बेड करा

पॉडकास्टिंग आणि संगीत इतके लोकप्रिय सामायिकरण सह, आपल्या ब्लॉग पोस्टमध्ये ऑडिओ एम्बेड करुन आपल्या अभ्यागतांचा आपल्या साइटवरील अनुभव वाढवण्याची उत्तम संधी आहे. कृतज्ञतापूर्वक, इतर मीडिया प्रकार एम्बेड करण्यासाठी - आणि वर्डप्रेसने त्याचे समर्थन विकसित करणे सुरूच ठेवले आहे mp3 फायली त्या करणे सोपे आहे त्यापैकी एक आहे!

अलीकडील मुलाखतीसाठी एखादे खेळाडू प्रदर्शित करणे चांगले आहे, वास्तविक ऑडिओ फाईल होस्ट करणे उचित नाही. वर्डप्रेस साइट्ससाठी बर्‍याच वेब होस्ट स्ट्रीमिंग मिडियासाठी ऑप्टिमाइझ केलेले नाहीत - म्हणूनच आपण अशा काही बाबींमध्ये धावण्यास सुरवात केली तर आश्चर्यचकित होऊ नका जिथे आपण बॅन्डविड्थच्या वापरावर किंवा आपल्या ऑडिओ स्टॉल्सवर पूर्णपणे मर्यादा मारता. मी ऑडिओ स्ट्रीमिंग सेवा किंवा पॉडकास्ट होस्टिंग इंजिनवर वास्तविक ऑडिओ फाईल होस्ट करण्याची शिफारस करतो. आणि… खात्री करा की आपल्या होस्टने एसएसएलला समर्थन दिले आहे (एक https: // पथ)… सुरक्षितपणे होस्ट केलेला ब्लॉग अन्यत्र सुरक्षितपणे होस्ट केलेला नाही ऑडिओ फाईल प्ले करणार नाही.

ते म्हणाले, जर तुम्हाला तुमच्या फाइलचे स्थान माहित असेल, तर ती ब्लॉग पोस्टमध्ये एम्बेड करणे अगदी सोपे आहे. वर्डप्रेसचा स्वतःचा HTML5 ऑडिओ प्लेअर आहे ज्यामुळे तुम्ही प्लेअर प्रदर्शित करण्यासाठी शॉर्टकोड वापरू शकता.

मी केलेल्या अलीकडील पॉडकास्ट भागातील एक उदाहरणः

वर्डप्रेसमधील गुटेनबर्ग संपादकाच्या नवीनतम पुनरावृत्तीसह, मी फक्त ऑडिओ फाइल पथ पेस्ट केला आणि संपादकाने खरोखर शॉर्टकोड तयार केला. वास्तविक शॉर्टकोड खालीलप्रमाणे आहे, जिथे तुम्ही प्ले करू इच्छित असलेल्या फाइलच्या संपूर्ण URL सह src बदलू शकता.

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

वर्डप्रेस एमपी 3, एम 4 ए, ओजीजी, वाव्ह आणि डब्ल्यूएमए फाइल प्रकारांना समर्थन देते. आपल्याकडे एक शॉर्टकोड देखील असू शकतो जो आपल्याकडे अभ्यागत एक किंवा दुसर्‍यास समर्थन देत नाही असे ब्राउझर वापरत असलेल्या घटनेत फॉलबॅक प्रदान करतो:

[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"]

वर्डप्रेस मध्ये ऑडिओ प्लेलिस्ट

आपण प्लेलिस्ट घेऊ इच्छित असल्यास, वर्डप्रेस सध्या प्ले करण्यासाठी आपल्या फायलींच्या बाह्य होस्टिंगचे समर्थन करत नाही, परंतु आपण आपल्या ऑडिओ फायली अंतर्गतरित्या होस्ट करत असाल तर ते त्यास देतात:

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

आहेत काही उपाय तेथे आपण आपल्या बाल थीममध्ये जोडू शकता जे बाह्य ऑडिओ फाइल लोड करण्यास सक्षम करेल.

आपल्या साइडबारमध्ये आपल्या पॉडकास्ट आरएसएस फीड जोडा

वर्डप्रेस प्लेयर वापरुन, मी साइडबार विजेटमध्ये स्वयंचलितपणे आपले पॉडकास्ट प्रदर्शित करण्यासाठी एक प्लगइन लिहिले. आपण हे करू शकता त्याबद्दल येथे वाचा आणि प्लगइन डाउनलोड करा वर्डप्रेस रेपॉजिटरी मधून.

वर्डप्रेस ऑडिओ प्लेयरचे सानुकूलन

जसे तुम्ही माझ्या स्वतःच्या साइटवरून पाहू शकता, एमपी 3 प्लेयर वर्डप्रेसमध्ये खूपच मूलभूत आहे. तथापि, ते 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;
}

आपला वर्डप्रेस एमपी 3 प्लेयर वर्धित करा

काही अगदी जबरदस्त आकर्षक ऑडिओ प्लेयर्समध्ये आपला एमपी 3 ऑडिओ प्रदर्शित करण्यासाठी काही सशुल्क प्लगइन देखील आहेत:

उघड: Martech Zone यासह वरील प्लगइनसाठी संलग्न दुवे वापरत आहे Codecanyon, एक विलक्षण प्लगइन साइट ज्यात समर्थीत प्लगइन आणि थकबाकी सेवा आणि समर्थन आहे.

Douglas Karr

Douglas Karr चे CMO आहे ओपनइनसाइट्स आणि चे संस्थापक Martech Zone. डग्लसने डझनभर यशस्वी MarTech स्टार्टअप्सना मदत केली आहे, Martech अधिग्रहण आणि गुंतवणुकीमध्ये $5 बिलियन पेक्षा जास्त योग्य परिश्रमात मदत केली आहे आणि कंपन्यांना त्यांच्या विक्री आणि विपणन धोरणांची अंमलबजावणी आणि स्वयंचलित करण्यात मदत करणे सुरू ठेवले आहे. डग्लस हा आंतरराष्ट्रीय स्तरावर मान्यताप्राप्त डिजिटल ट्रान्सफॉर्मेशन आणि MarTech तज्ञ आणि स्पीकर आहे. डग्लस हे डमीच्या मार्गदर्शक आणि व्यवसाय नेतृत्व पुस्तकाचे प्रकाशित लेखक देखील आहेत.

संबंधित लेख

परत शीर्षस्थानी बटण
बंद

अॅडब्लॉक आढळले

Martech Zone तुम्हाला ही सामग्री कोणत्याही खर्चाशिवाय प्रदान करण्यात सक्षम आहे कारण आम्ही आमच्या साइटवर जाहिरात महसूल, संलग्न दुवे आणि प्रायोजकत्वाद्वारे कमाई करतो. तुम्ही आमची साइट पाहता तेव्हा तुमचा अॅड ब्लॉकर काढून टाकल्यास आम्ही कृतज्ञ आहोत.