ఆర్టికల్ డైరెక్టరీ
వెబ్‌సైట్ నిర్మాణ పద్ధతులను క్రమపద్ధతిలో అధ్యయనం చేసిన SEO నిపుణులందరికీ జావాస్క్రిప్ట్ ప్రోగ్రామ్‌లను సులభమైన పద్ధతిలో ఎలా ఉపయోగించాలో తెలుసు.
ఇంటర్నెట్‌లో ఇతరులు భాగస్వామ్యం చేసిన అనేక సులభమైన JavaScript కోడ్‌లు ఉన్నాయి.
మీ వర్డ్‌ప్రెస్ పోస్ట్‌లకు జావాస్క్రిప్ట్ కోడ్‌ను జోడించడం వాటి నాణ్యతను గణనీయంగా మెరుగుపరుస్తుంది.
WordPress కథనాలకు JS కోడ్‌ను ఎలా జోడించాలి
WordPress పోస్ట్‌కు జావాస్క్రిప్ట్ కోడ్‌ని జోడించడం చాలా సులభం.
తరువాత, చెన్ వీలియాంగ్ మీతో ఈ విషయాన్ని పంచుకుంటారు: వర్డ్‌ప్రెస్ పోస్ట్‌కు జావాస్క్రిప్ట్ కోడ్‌ను ఎలా జోడించాలి?
JS కోడ్‌ని జోడించడానికి సాధారణంగా 2 మార్గాలు ఉన్నాయి:
- JS కోడ్‌ని నేరుగా WordPress పోస్ట్‌లకు జోడించండి
- JS ఫైల్‌ని వ్రాసిన తర్వాత WordPress కథనంలో JS కోడ్‌కి కాల్ చేయండి
1) నేరుగా WordPress పోస్ట్‌కు JS కోడ్‌ను జోడించండి
మొదటి పద్ధతి, WordPress పోస్ట్‌లో నేరుగా జావాస్క్రిప్ట్ రాయడం.
"హలో వరల్డ్!" ▼ వచనాన్ని ముద్రించడానికి ఇక్కడ ఒక ఉదాహరణ ఉంది
<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>ఇది జావాస్క్రిప్ట్ ▼ని అమలు చేసిన తర్వాత "హలో వరల్డ్!"ని ప్రదర్శించే WordPress పోస్ట్‌లో ఉంది
2) JS ఫైల్‌ని వ్రాసిన తర్వాత, WordPress కథనంలోని JS కోడ్‌కు కాల్ చేయండి
రెండవ మార్గం, జావాస్క్రిప్ట్ కోడ్‌ను ప్రత్యేక ఫైల్‌కు వ్రాయండి.
ఆపై జావాస్క్రిప్ట్‌ని చొప్పించాల్సిన WordPress పోస్ట్‌లో, WordPress టెక్స్ట్ ఎడిటర్ ద్వారా జావాస్క్రిప్ట్ ఫైల్‌కు కాల్ చేయండి.
కింది ఉదాహరణ WordPress పోస్ట్‌లో, "హలో వరల్డ్" టెక్స్ట్ ▼ని ప్రింట్ చేస్తోంది
<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[ // ]]></script>
JavaScript ఫైల్ hello.js ▼ యొక్క కంటెంట్
document.write("Hello World");WordPress పోస్ట్‌కు JavaScript కోడ్‌ని జోడించడం ఫలితాలను చూపుతుంది ▼
WordPress నేటి తేదీకి JS కోడ్‌ని పిలుస్తుంది
ఇంటర్నెట్‌లో చాలా ఆహ్లాదకరమైన మరియు ఉపయోగకరమైన జావాస్క్రిప్ట్ కోడ్ ఉంది.
ఇప్పుడు వాటిని ఎలా ఉపయోగించాలో ఒక ఉదాహరణ ఇవ్వండి?
WordPress పోస్ట్‌లలో నేటి తేదీని ముద్రించండి.
కింది JavaScript date.js ఫైల్‌ని మీ WordPress పోస్ట్‌లో చొప్పించండి ▼
<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
// call function if required.
// ]]></script>
క్రింద date.js ఫైల్ ▼ యొక్క JavaScript కంటెంట్ ఉంది
var calendarDate = getCalendarDate();
document.write("Today is: " + calendarDate);
function getCalendarDate()
{
var months = new Array(13);
months[0] = "January";
months[1] = "February";
months[2] = "March";
months[3] = "April";
months[4] = "May";
months[5] = "June";
months[6] = "July";
months[7] = "August";
months[8] = "September";
months[9] = "October";
months[10] = "November";
months[11] = "December";
var now = new Date();
var monthnumber = now.getMonth();
var monthname = months[monthnumber];
var monthday = now.getDate();
var year = now.getYear();
if(year < 2000) { year = year + 1900; }
var dateString = monthname +
' ' +
monthday +
', ' +
year;
return dateString;
} // function getCalendarDate()WordPress పోస్ట్‌లో జావాస్క్రిప్ట్ నేటి తేదీని అమలు చేసిన ఫలితం ఇక్కడ ఉంది ▼
ఈ కథనంలో అమలు చేయబడిన JavaScript ఫైల్ date.js యొక్క ఫలితం క్రింద ఉంది ▼
జాగ్రత్తలు
పోస్ట్‌లో JS కోడ్‌ని చొప్పించడానికి, మీరు WordPress ఎడిటర్‌ని టెక్స్ట్ మోడ్‌కి మార్చాలి.
ప్రత్యేక శ్రద్ధ和之间不能有换行。
లైన్ బ్రేక్ ఉంటే, WordPress స్వయంచాలకంగా దానిని పేరాగా ప్రాసెస్ చేస్తుంది మరియు JS స్క్రిప్ట్ కోడ్ విఫలమయ్యేలా చేసే p ట్యాగ్‌ని స్వయంచాలకంగా జోడిస్తుంది.
WordPress జావాస్క్రిప్ట్ కోడ్‌పై మరిన్ని కథనాలు ఇక్కడ ఉన్నాయి ▼
చెన్ వీలియాంగ్ బ్లాగ్ ( https://www.chenweiliang.com/ ) లో పంచుకున్న "వర్డ్‌ప్రెస్ పోస్ట్‌లకు జావాస్క్రిప్ట్ కోడ్‌ను ఎలా జోడించాలి?" అనే వ్యాసం మీకు ఉపయోగకరంగా ఉంటుందని ఆశిస్తున్నాము.
ఈ వ్యాసం యొక్క లింక్‌ను పంచుకోవడానికి సంకోచించకండి: https://www.chenweiliang.com/cwl-1348.html