కంటెంట్ మార్కెటింగ్మార్కెటింగ్ సాధనాలు

WordPress: మీ బ్లాగ్ పోస్ట్‌లో MP3 ప్లేయర్‌ను పొందుపరచండి

ఆన్‌లైన్‌లో పోడ్‌కాస్టింగ్ మరియు మ్యూజిక్ షేరింగ్‌తో, మీ బ్లాగ్ పోస్ట్‌లలో ఆడియోను పొందుపరచడం ద్వారా మీ సైట్‌లో మీ సందర్శకుల అనుభవాన్ని మెరుగుపరచడానికి గొప్ప అవకాశం ఉంది. కృతజ్ఞతగా, WordPress ఇతర మీడియా రకాలను పొందుపరచడానికి దాని మద్దతును అభివృద్ధి చేస్తూనే ఉంది - మరియు mp3 ఫైల్‌లు సులభంగా చేయగల వాటిలో ఒకటి!

ఇటీవలి ఇంటర్వ్యూ కోసం ఆటగాడిని ప్రదర్శించడం చాలా బాగుంది, అసలు ఆడియో ఫైల్‌ను హోస్ట్ చేయడం మంచిది కాదు. బ్లాగు సైట్‌ల కోసం చాలా వెబ్ హోస్ట్‌లు స్ట్రీమింగ్ మీడియా కోసం ఆప్టిమైజ్ చేయబడలేదు - కాబట్టి మీరు బ్యాండ్‌విడ్త్ వాడకం లేదా మీ ఆడియో స్టాల్స్‌పై పరిమితులను తాకిన కొన్ని సమస్యల్లోకి ప్రవేశించడం ప్రారంభిస్తే ఆశ్చర్యపోకండి. వాస్తవ ఆడియో ఫైల్‌ను ఆడియో స్ట్రీమింగ్ సేవ లేదా పోడ్‌కాస్ట్ హోస్టింగ్ ఇంజిన్‌లో హోస్ట్ చేయాలని నేను సిఫార్సు చేస్తున్నాను. మరియు… మీ హోస్ట్ SSL (https: // path) కు మద్దతు ఇస్తుందని నిర్ధారించుకోండి… సురక్షితంగా హోస్ట్ చేయబడిన బ్లాగ్ మరెక్కడా సురక్షితంగా హోస్ట్ చేయని ఆడియో ఫైల్‌ను ప్లే చేయదు.

మీ ఫైల్ యొక్క స్థానం మీకు తెలిస్తే, దానిని బ్లాగ్ పోస్ట్‌లో పొందుపరచడం చాలా సులభం. WordPress దాని స్వంత HTML5 ఆడియో ప్లేయర్‌లో నేరుగా నిర్మించబడింది కాబట్టి మీరు ప్లేయర్‌ని ప్రదర్శించడానికి షార్ట్‌కోడ్‌ని ఉపయోగించవచ్చు.

నేను చేసిన ఇటీవలి పోడ్‌కాస్ట్ ఎపిసోడ్ నుండి ఒక ఉదాహరణ ఇక్కడ ఉంది:

WordPressలో గుటెన్‌బర్గ్ ఎడిటర్ యొక్క తాజా పునరావృతంతో, నేను ఆడియో ఫైల్ పాత్‌ను అతికించాను మరియు ఎడిటర్ వాస్తవానికి షార్ట్‌కోడ్‌ను సృష్టించాడు. మీరు ప్లే చేయాలనుకుంటున్న ఫైల్ యొక్క పూర్తి URLతో srcని భర్తీ చేసే అసలైన షార్ట్ కోడ్ అనుసరిస్తుంది.

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

ఉన్నాయి కొన్ని పరిష్కారాలు బాహ్య ఆడియో ఫైల్ లోడింగ్‌ను ప్రారంభించే మీ పిల్లల థీమ్‌కు మీరు జోడించవచ్చు.

మీ సైడ్‌బార్‌కు మీ పోడ్‌కాస్ట్ RSS ఫీడ్‌ను జోడించండి

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

మీ బ్లాగు MP3 ప్లేయర్‌ను మెరుగుపరచండి

కొన్ని అద్భుతమైన ఆడియో ప్లేయర్‌లలో మీ MP3 ఆడియోను ప్రదర్శించడానికి కొన్ని చెల్లింపు ప్లగిన్‌లు కూడా ఉన్నాయి:

ప్రకటన: Martech Zone సహా పైన ఉన్న ప్లగిన్‌ల కోసం అనుబంధ లింక్‌లను ఉపయోగిస్తోంది అమ్మకానికి కోసం WorldWideScripts.net అంశం, బాగా మద్దతు ఇచ్చే ప్లగిన్లు మరియు అత్యుత్తమ సేవ మరియు మద్దతు ఉన్న అద్భుతమైన ప్లగ్ఇన్ సైట్.

Douglas Karr

Douglas Karr యొక్క CMO ఓపెన్‌ఇన్‌సైట్‌లు మరియు స్థాపకుడు Martech Zone. డగ్లస్ డజన్ల కొద్దీ విజయవంతమైన మార్టెక్ స్టార్టప్‌లకు సహాయం చేసారు, మార్టెక్ సముపార్జనలు మరియు పెట్టుబడులలో $5 బిలియన్ల కంటే ఎక్కువ శ్రద్ధ వహించడంలో సహాయం చేసారు మరియు కంపెనీల అమ్మకాలు మరియు మార్కెటింగ్ వ్యూహాలను అమలు చేయడంలో మరియు ఆటోమేట్ చేయడంలో కంపెనీలకు సహాయం చేస్తూనే ఉన్నారు. డగ్లస్ అంతర్జాతీయంగా గుర్తింపు పొందిన డిజిటల్ ట్రాన్స్‌ఫర్మేషన్ మరియు మార్టెక్ నిపుణుడు మరియు స్పీకర్. డగ్లస్ డమ్మీస్ గైడ్ మరియు వ్యాపార నాయకత్వ పుస్తకం యొక్క ప్రచురించిన రచయిత కూడా.

సంబంధిత వ్యాసాలు

తిరిగి టాప్ బటన్ కు
క్లోజ్

Adblock కనుగొనబడింది

Martech Zone మేము ప్రకటన రాబడి, అనుబంధ లింక్‌లు మరియు స్పాన్సర్‌షిప్‌ల ద్వారా మా సైట్‌ను మానిటైజ్ చేయడం వల్ల ఎటువంటి ఖర్చు లేకుండా ఈ కంటెంట్‌ని మీకు అందించగలుగుతుంది. మీరు మా సైట్‌ని వీక్షిస్తున్నప్పుడు మీ ప్రకటన బ్లాకర్‌ని తీసివేస్తే మేము అభినందిస్తాము.