როგორ დავამატოთ JavaScript კოდი WordPress პოსტის შიგნით?

სისტემატურად ისწავლაააშენეთ სადგურიტექნიკურიSEOექსპერტებმა იციან როგორ გამოიყენონ JavaScript პროგრამები მარტივად.

ინტერნეტში არის მრავალი ადვილად გამოსაყენებელი JavaScript კოდი, რომელსაც სხვები აზიარებენ.

თუ შეგიძლიაWordPressსტატიაში JS კოდის დამატება სტატიას აუცილებლად ფერადს გახდის.

როგორ დავამატოთ JS კოდი WordPress სტატიებში

WordPress პოსტზე JavaScript კოდის დამატება ძალიან მარტივია.

შემდეგი,ჩენ ვეილიანგიგაგიზიარებთ:როგორ დავამატოთ JavaScript კოდი WordPress პოსტებში?

როგორც წესი, არსებობს JS კოდის დამატების 2 გზა:

1. დაამატეთ JS კოდი პირდაპირ WordPress პოსტებში
2. JS ფაილის დაწერის შემდეგ გამოიძახეთ JS კოდი WordPress სტატიაში

1) დაამატეთ JS კოდი პირდაპირ WordPress პოსტში

პირველი მეთოდი, JavaScript-ის ჩაწერა პირდაპირ WordPress პოსტში.

აქ მოცემულია ტექსტის "Hello World!" ▼ დაბეჭდვის მაგალითი

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

ეს არის WordPress პოსტში, რომელიც აჩვენებს "Hello World!" JavaScript ▼-ის შესრულების შემდეგ

2) JS ფაილის დაწერის შემდეგ გამოიძახეთ JS კოდი WordPress-ის სტატიაში

მეორე გზა, ჩაწერეთ JavaScript კოდი ცალკე ფაილში.

შემდეგ WordPress პოსტში, სადაც JavaScript უნდა იყოს ჩასმული, გამოიძახეთ JavaScript ფაილი WordPress ტექსტური რედაქტორის საშუალებით.

შემდეგი მაგალითი მოცემულია WordPress-ის პოსტში, რომელიც ბეჭდავს "Hello World" ტექსტს ▼

<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 კოდს დღევანდელი თარიღისთვის

ინტერნეტში არის ბევრი სახალისო და სასარგებლო JavaScript კოდი.

ახლა მოიყვანეთ მაგალითი, როგორ გამოვიყენოთ ისინი?

დაბეჭდეთ დღევანდელი თარიღი 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()

აქ არის JavaScript-ის დღევანდელი თარიღის შესრულების შედეგი WordPress პოსტში ▼

ქვემოთ მოცემულია ამ სტატიაში ▼ შესრულებული JavaScript ფაილის date.js შედეგი

注意 事项

JS კოდის პოსტში ჩასასმელად, თქვენ უნდა გადართოთ WordPress რედაქტორი ტექსტის რეჟიმში.

განსაკუთრებული ყურადღება和之间不能有换行。

თუ არის ხაზის გაწყვეტა, WordPress ავტომატურად დაამუშავებს მას აბზაცად და ავტომატურად დაამატებს p ტეგს, რომელიც იწვევს JS სკრიპტის კოდს მარცხს.

არსებობს მეტი სტატია WordPress JavaScript კოდის შესახებ აქ ▼

🔗როგორ მივუთითოთ სტატიის გვერდები WordPress-ში JavaScript/CSS კოდის ჩასატვირთად?

🔗როგორ ვაიძულოთ WordPress-ის JavaScript-ის ჩატვირთვა, რომ დააჩქაროს გვერდის რენდერი?

🔗როგორ სწორად შემოვიტანოთ JavaScript WordPress-ში? JS და CSS ფაილების მორგებული ჩატვირთვა