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

የድር ጣቢያ ግንባታ ቴክኒኮችን በስርዓት ያጠኑ የSEO ባለሙያዎች ሁሉም የጃቫስክሪፕት ፕሮግራሞችን በቀላል መንገድ እንዴት መጠቀም እንደሚችሉ ያውቃሉ።

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

የጃቫስክሪፕት ኮድ ወደ የዎርድፕረስ ልጥፎችዎ ማከል ጥራታቸውን በእጅጉ ሊያሻሽል ይችላል።

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

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

ቀጥሎ፣ ቼን ዌይሊያንግ ያካፍልዎታል ፡ የጃቫስክሪፕት ኮድ ወደ ዎርድፕረስ ልጥፍ እንዴት ማከል እንደሚቻል?

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 ኮድ ላይ ተጨማሪ ጽሑፎች እዚህ አሉ ▼

በቼን ዌይሊያንግ ጦማር ( https://www.chenweiliang.com/ ) ላይ የተጋራው "የጃቫስክሪፕት ኮድ ወደ ዎርድፕረስ ልጥፎች እንዴት ማከል እንደሚቻል?" የሚለው ጽሑፍ ለእርስዎ ጠቃሚ እንደሚሆን ተስፋ እናደርጋለን።

የዚህን ጽሑፍ ሊንክ ለማጋራት ነፃነት ይሰማዎ፦ https://www.chenweiliang.com/cwl-1348.html

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

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

 

评论ሺ评论评论评论 ፡፡

您的邮箱地址不会被公开。必填项已用*标注

ወደ ላይ ሸብልል