WordPress పోస్ట్‌లో జావాస్క్రిప్ట్ కోడ్‌ను ఎలా జోడించాలి?

క్రమపద్ధతిలో నేర్చుకున్నాడుస్టేషన్‌ను నిర్మించండిసాంకేతికSEOజావాస్క్రిప్ట్ ప్రోగ్రామ్‌లను సులభంగా ఎలా ఉపయోగించాలో నిపుణులకు తెలుసు.

ఇంటర్నెట్‌లో ఇతరులు భాగస్వామ్యం చేసిన అనేక సులభమైన JavaScript కోడ్‌లు ఉన్నాయి.

మీరు చేయగలిగితేWordPressకథనానికి JS కోడ్‌ని జోడిస్తే కథనం ఖచ్చితంగా కలర్‌ఫుల్‌గా మారుతుంది.

WordPress కథనాలకు JS కోడ్‌ను ఎలా జోడించాలి

WordPress పోస్ట్‌కు జావాస్క్రిప్ట్ కోడ్‌ని జోడించడం చాలా సులభం.

తరువాత,చెన్ వీలియాంగ్మీతో పంచుకుంటాను:WordPress పోస్ట్‌లకు JavaScript కోడ్‌ను ఎలా జోడించాలి?

JS కోడ్‌ని జోడించడానికి సాధారణంగా 2 మార్గాలు ఉన్నాయి:

1. JS కోడ్‌ని నేరుగా WordPress పోస్ట్‌లకు జోడించండి
2. 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 జావాస్క్రిప్ట్ కోడ్‌పై మరిన్ని కథనాలు ఇక్కడ ఉన్నాయి ▼

కథనం పేజీలు JavaScript/CSS కోడ్‌ని లోడ్ చేస్తాయని WordPress ఎలా పేర్కొంటుంది?

WordPress థీమ్‌ను రూపొందించేటప్పుడు, WordPressలో నిర్దిష్ట పేజీలో కనిపించే నిర్దిష్ట JavaScript లేదా CSS కోడ్ ఉంటే, అది ఒక్కసారి మాత్రమే ఉపయోగించబడుతుంది.కోడ్ ఎక్కడ ఉంచాలి? Style.css లేదా base.js?అయితే అలా ఖర్చు కాస్త ఎక్కువే. ...

పేజీ రెండరింగ్‌ని వేగవంతం చేయడానికి WordPress లోడ్ జావాస్క్రిప్ట్‌ను సోమరితనంగా చేయడం ఎలా?

పేజీ రెండరింగ్ పద్ధతులను వేగవంతం చేయడానికి WordPress lazy-loads JavaScript.జావాస్క్రిప్ట్ డిఫర్ ప్రాపర్టీ అంటే ఏమిటి?ప్రతి ఒక్కరూ బహుశా ఈ పరిస్థితిని ఎదుర్కొన్నారు: తలలో N స్క్రిప్ట్‌లు ఉన్నాయి మరియు స్క్రిప్ట్‌లు లోడ్ అయినప్పుడు, పేజీ రెండరింగ్ బ్లాక్ చేయబడుతుంది, ఇది సాధారణంగా ఖాళీగా ఉంటుంది. ...

WordPress జావాస్క్రిప్ట్‌ను ఎలా సరిగ్గా పరిచయం చేస్తుంది?JS మరియు CSS ఫైల్‌ల అనుకూల లోడ్

WordPressతో వెబ్‌సైట్‌లను రూపొందించే ప్రోగ్రామర్లు WordPress ప్లగిన్‌లను అభివృద్ధి చేస్తున్నప్పుడు లేదా WordPress థీమ్‌లను అనుకూలీకరించేటప్పుడు కొన్ని జావాస్క్రిప్ట్ మరియు CSS స్క్రిప్ట్ వనరులను సూచిస్తారు.సాధారణంగా, వ్యక్తులు లింక్, స్క్రిప్ట్ ట్యాగ్‌లను నేరుగా HTML కోసం ఉపయోగిస్తారు.నిజానికి, WordPress లోపల…