ورڈپریس پوسٹ کے اندر جاوا اسکرپٹ کوڈ کیسے شامل کریں؟

منظم طریقے سے سیکھاایک اسٹیشن بنائیںتکنیکی۔SEOماہرین جاوا اسکرپٹ پروگراموں کو آسانی سے استعمال کرنے کا طریقہ جانتے ہیں۔

بہت سے استعمال میں آسان JavaScript کوڈز ہیں جو انٹرنیٹ پر دوسروں کے ذریعے شیئر کیے گئے ہیں۔

اگر تم کر پاؤWordPressمضمون میں جے ایس کوڈ شامل کرنے سے مضمون یقیناً رنگین ہو جائے گا۔

ورڈپریس مضامین میں جے ایس کوڈ کیسے شامل کریں۔

ورڈپریس پوسٹ میں جاوا اسکرپٹ کوڈ شامل کرنا بہت آسان ہے۔

اگلے،چن ویلیانگآپ کے ساتھ اشتراک کریں گے:ورڈپریس پوسٹس میں جاوا اسکرپٹ کوڈ کیسے شامل کریں؟

جے ایس کوڈ شامل کرنے کے عام طور پر 2 طریقے ہیں:

  1. JS کوڈ براہ راست ورڈپریس پوسٹس میں شامل کریں۔
  2. جے ایس فائل لکھنے کے بعد ورڈپریس آرٹیکل میں جے ایس کوڈ کال کریں۔

1) جے ایس کوڈ کو براہ راست ورڈپریس پوسٹ میں شامل کریں۔

پہلا طریقہ، جاوا اسکرپٹ کو براہ راست ورڈپریس پوسٹ میں لکھنا۔

یہاں متن پرنٹ کرنے کی ایک مثال ہے "ہیلو ورلڈ!" ▼

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

یہ ایک ورڈپریس پوسٹ میں ہے جو JavaScript پر عمل کرنے کے بعد "Hello World!" دکھاتا ہے ▼

ایک ورڈپریس مضمون میں، جاوا اسکرپٹ پر عمل کرنے کا نتیجہ 1st ہے۔

2) جے ایس فائل لکھنے کے بعد ورڈپریس آرٹیکل میں جے ایس کوڈ کو کال کریں۔

دوسرا طریقہ، جاوا اسکرپٹ کوڈ کو الگ فائل میں لکھیں۔

پھر ورڈپریس پوسٹ میں جہاں جاوا اسکرپٹ ڈالنے کی ضرورت ہے، جاوا اسکرپٹ فائل کو ورڈپریس ٹیکسٹ ایڈیٹر کے ذریعے کال کریں۔

مندرجہ ذیل مثال ایک ورڈپریس پوسٹ میں ہے، "ہیلو ورلڈ" ٹیکسٹ ▼ پرنٹ کر رہا ہے۔

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

JavaScript فائل کا مواد hello.js ▼

document.write("Hello World");

ورڈپریس پوسٹ میں JavaScript کوڈ شامل کرنے سے نتائج ظاہر ہوتے ہیں ▼

ورڈپریس پوسٹ میں JavaScript کوڈ شامل کرکے ظاہر ہونے والے نتیجے کی تصویر 2

ورڈپریس آج کی تاریخ کے لیے جے ایس کوڈ کو کال کرتا ہے۔

انٹرنیٹ پر بہت پرلطف اور مفید جاوا اسکرپٹ کوڈ موجود ہے۔

اب ایک مثال دیں کہ ان کو کیسے استعمال کیا جائے؟

ورڈپریس پوسٹس میں آج کی تاریخ پرنٹ کریں۔

درج ذیل 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()

یہ رہا جاوا اسکرپٹ کا ورڈپریس پوسٹ ▼ میں آج کی تاریخ پر عمل کرنے کا نتیجہ

ورڈپریس آرٹیکل #3 میں آج کی تاریخ کے جاوا اسکرپٹ پر عمل درآمد کا نتیجہ

ذیل میں اس مضمون میں جاوا اسکرپٹ فائل date.js کا نتیجہ ہے ▼

注意 事项

جے ایس کوڈ کو پوسٹ میں داخل کرنے کے لیے، آپ کو ورڈپریس ایڈیٹر کو ٹیکسٹ موڈ میں تبدیل کرنا ہوگا۔

خصوصی توجہ和之间不能有换行。

اگر لائن بریک ہے تو، ورڈپریس خود بخود اسے پیراگراف کے طور پر پروسیس کرے گا، اور خود بخود ایک پی ٹیگ شامل کرے گا جس کی وجہ سے جے ایس اسکرپٹ کوڈ ناکام ہوجاتا ہے۔

ورڈپریس جاوا اسکرپٹ کوڈ پر مزید مضامین یہاں ہیں ▼

ہوپ چن ویلیانگ بلاگ ( https://www.chenweiliang.com/ ) کا اشتراک کیا گیا "ورڈپریس پوسٹس میں جاوا اسکرپٹ کوڈ کیسے شامل کریں؟ ، آپکی مدد کے لئے.

اس مضمون کا لنک شیئر کرنے میں خوش آمدید:https://www.chenweiliang.com/cwl-1348.html

تازہ ترین اپ ڈیٹس حاصل کرنے کے لیے چن ویلیانگ کے بلاگ کے ٹیلیگرام چینل میں خوش آمدید!

🔔 چینل ٹاپ ڈائرکٹری میں قیمتی "ChatGPT Content Marketing AI Tool Usage Guide" حاصل کرنے والے پہلے فرد بنیں! 🌟
📚 یہ گائیڈ بہت بڑی قیمت پر مشتمل ہے، 🌟یہ ایک نادر موقع ہے، اس سے محروم نہ ہوں! ⏰⌛💨
پسند آئے تو شیئر اور لائک کریں!
آپ کا اشتراک اور پسندیدگی ہماری مسلسل حوصلہ افزائی ہے!

 

评论 评论

آپ کا ای میل ایڈریس شائع نہیں کیا جائے گا۔ ضروری شعبوں کا استعمال کیا جاتا ہے * لیبل لگائیں

اوپر سکرول کریں