በ WordPress ልጥፍ ውስጥ የጃቫ ስክሪፕት ኮድ እንዴት እንደሚጨምር?

በስርዓት የተማረድር ጣቢያ መገንባትቴክኒካዊሲኢኦባለሙያዎች የጃቫ ስክሪፕት ፕሮግራሞችን በቀላሉ እንዴት መጠቀም እንደሚችሉ ያውቃሉ።

በበይነመረቡ ላይ በሌሎች የተጋሩ ብዙ ለአጠቃቀም ቀላል የሆኑ የጃቫ ስክሪፕት ኮዶች አሉ።

ከ ቻልክየዎርድፕረስJS ኮድ ወደ መጣጥፉ ማከል በእርግጠኝነት ጽሑፉን ያሸበረቀ ያደርገዋል።

JS ኮድ ወደ ዎርድፕረስ መጣጥፎች እንዴት እንደሚታከል

የጃቫ ስክሪፕት ኮድ ወደ ዎርድፕረስ ፖስት ማከል በጣም ቀላል ነው።

ቀጣይ ፣Chen Weiliangከእርስዎ ጋር ይጋራል፡-የጃቫ ስክሪፕት ኮድን ወደ WordPress ልጥፎች እንዴት ማከል እንደሚቻል?

JS ኮድ ለመጨመር 2 መንገዶች አሉ።

  1. JS ኮድ በቀጥታ ወደ ዎርድፕረስ ልጥፎች ያክሉ
  2. JS ፋይልን ከፃፉ በኋላ በዎርድፕረስ መጣጥፍ ውስጥ ለJS ኮድ ይደውሉ

1) የ JS ኮድን በቀጥታ ወደ ዎርድፕረስ ፖስታ ያክሉ

የመጀመሪያው ዘዴ, ጃቫ ስክሪፕት በቀጥታ በዎርድፕረስ ፖስት ውስጥ መጻፍ.

“ሄሎ ዓለም!” የሚለውን ጽሑፍ የማተም ምሳሌ እዚህ አለ።

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

ይህ ጃቫ ስክሪፕት ▼ን ከፈጸመ በኋላ “ሄሎ ዓለም!” በሚያሳየው የዎርድፕረስ ልጥፍ ላይ ነው።

ጃቫስክሪፕትን በዎርድፕረስ ልጥፍ ውስጥ የመተግበር ውጤት

2) የጄኤስ ፋይልን ከፃፉ በኋላ በዎርድፕረስ መጣጥፍ ውስጥ የ JS ኮድ ይደውሉ

ሁለተኛው መንገድ የጃቫስክሪፕት ኮድን ወደተለየ ፋይል ይፃፉ።

ከዚያም ጃቫ ስክሪፕት ማስገባት በሚኖርበት የዎርድፕረስ ፖስት ውስጥ የጃቫ ስክሪፕት ፋይልን በዎርድፕረስ የጽሁፍ አርታኢ ይደውሉ።

የሚከተለው ምሳሌ በዎርድፕረስ ፖስት ውስጥ "ሄሎ አለም" የሚል ጽሑፍ በማተም ላይ ነው።

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

የጃቫስክሪፕት ፋይል ይዘት hello.js ▼

document.write("Hello World");

የጃቫ ስክሪፕት ኮድ ወደ ዎርድፕረስ ፖስት ማከል ውጤቱን ያሳያል ▼

የጃቫስክሪፕት ኮድ ወደ ዎርድፕረስ ልጥፍ ማከል ውጤት

WordPress ለዛሬው ቀን JS ኮድ ይጠራል

በበይነመረብ ላይ ብዙ አስደሳች እና ጠቃሚ የጃቫ ስክሪፕት ኮድ አለ።

አሁን እነሱን እንዴት እንደሚጠቀሙበት ምሳሌ ስጥ?

የዛሬውን ቀን በዎርድፕረስ ልጥፎች ያትሙ።

የሚከተለውን የJavaScript date.js ፋይል ወደ ዎርድፕረስ ፖስትዎ ያስገቡ

<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 ፋይል የጃቫስክሪፕት ይዘት ▼ ነው።

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()

ጃቫ ስክሪፕት የዛሬውን ቀን በዎርድፕረስ ፖስት ▼ ማስፈፀሚያ ውጤት ይኸውና

ጃቫስክሪፕት በዎርድፕረስ ልጥፍ ውስጥ የዛሬውን ቀን ያስፈጽማል።

በዚህ ጽሑፍ ▼ ውስጥ የተተገበረው የጃቫስክሪፕት ፋይል date.js ውጤት ከዚህ በታች አለ።

ጥንቃቄዎች

የጄኤስ ኮድን ወደ ልጥፍ ለማስገባት የዎርድፕረስ አርታዒውን ወደ የጽሑፍ ሁነታ መቀየር ያስፈልግዎታል።

ልዩ ትኩረት和之间不能有换行。

የመስመር መግቻ ካለ፣ ዎርድፕረስ እንደ አንቀፅ በራስ ሰር ያሰራዋል፣ እና የ JS ስክሪፕት ኮድ እንዲወድቅ የሚያደርገውን የp መለያ በራስ-ሰር ይጨምራል።

በ WordPress JavaScript ኮድ ላይ ተጨማሪ ጽሑፎች እዚህ አሉ ▼

ተስፋ Chen Weiliang ብሎግ ( https://www.chenweiliang.com/ ) የተጋራ "የጃቫ ስክሪፕት ኮድ ወደ ዎርድፕረስ ፖስቶች እንዴት መጨመር ይቻላል? , እርስዎን ለመርዳት.

እንኳን በደህና መጡ የዚህን ጽሁፍ ማገናኛ ለማጋራት፡-https://www.chenweiliang.com/cwl-1348.html

ተጨማሪ ድብቅ ዘዴዎችን ለመክፈት የቴሌግራም ቻናላችንን እንኳን በደህና መጡ።

ከወደዳችሁት ሼር እና ላይክ አድርጉ! የእርስዎ ማጋራቶች እና መውደዶች የእኛ ቀጣይ ተነሳሽነት ናቸው!

 

评论ሺ评论评论评论 ፡፡

የኢሜል አድራሻዎ አይታተምም። 项 已 用 ፡፡ * 标注

የአንቀጽ ማውጫ
ወደ ላይ ሸብልል