WordPress yazısına JavaScript kodunu necə əlavə etmək olar?

sistemli şəkildə öyrənilirveb sayt qurunTexnikiSEOMütəxəssislər JavaScript proqramlarından asanlıqla istifadə etməyi bilirlər.

İnternetdə başqaları tərəfindən paylaşılan çoxlu istifadəsi asan JavaScript kodları var.

bacararsansaWordPressMəqaləyə JS kodunun əlavə edilməsi məqaləni mütləq rəngarəng edəcək.

WordPress məqalələrinə JS kodunu necə əlavə etmək olar

WordPress yazısına JavaScript kodu əlavə etmək çox sadədir.

Sonrakı,Chen WeiliangSizinlə paylaşacaq:WordPress yazılarına JavaScript kodunu necə əlavə etmək olar?

JS kodunu əlavə etməyin adətən 2 yolu var:

1. JS kodunu birbaşa WordPress yazılarına əlavə edin
2. JS faylını yazdıqdan sonra WordPress məqaləsində JS koduna zəng edin

1) JS kodunu birbaşa WordPress yazısına əlavə edin

Birinci üsul, JavaScript-i birbaşa WordPress yazısında yazmaq.

Budur "Salam Dünya!" mətninin çapına bir nümunə ▼

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

Bu, JavaScript icra etdikdən sonra “Salam Dünya!” yazısını göstərən WordPress yazısındadır ▼

2) JS faylını yazdıqdan sonra WordPress məqaləsindəki JS koduna zəng edin

İkinci yol, JavaScript kodunu ayrı bir fayla yazın.

Sonra JavaScript-in daxil edilməli olduğu WordPress yazısında WordPress mətn redaktoru vasitəsilə JavaScript faylına zəng edin.

Aşağıdakı nümunə "Salam Dünya" mətnini çap edən WordPress yazısındadır ▼

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

hello.js JavaScript faylının məzmunu ▼

document.write("Hello World");

WordPress yazısına JavaScript kodunun əlavə edilməsi nəticələri göstərir ▼

WordPress bugünkü tarix üçün JS kodu çağırır

İnternetdə çox əyləncəli və faydalı JavaScript kodu var.

İndi onlardan necə istifadə olunacağına dair bir nümunə verin?

WordPress yazılarında bugünkü tarixi çap edin.

Aşağıdakı JavaScript date.js faylını WordPress yazınıza daxil edin ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

Aşağıda date.js faylının JavaScript məzmunu verilmişdir ▼

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

Budur, JavaScript-in WordPress yazısında bugünkü tarixi yerinə yetirməsinin nəticəsi ▼

Aşağıda bu məqalədə yerinə yetirilən date.js JavaScript faylının nəticəsidir ▼

注意 事项

Yazıya JS kodu daxil etmək üçün WordPress redaktorunu mətn rejiminə keçirməlisiniz.

xüsusi diqqət和之间不能有换行。

Sətir fasiləsi varsa, WordPress onu avtomatik olaraq paraqraf kimi emal edəcək və avtomatik olaraq JS skript kodunun uğursuzluğuna səbəb olan p teqini əlavə edəcək.

Burada WordPress JavaScript kodu haqqında daha çox məqalə var ▼

🔗 WordPress-də JavaScript/CSS kodunu yükləmək üçün məqalə səhifələrini necə təyin etmək olar?

🔗Səhifənin göstərilməsini sürətləndirmək üçün WordPress JavaScript-in yüklənməsini necə gecikdirmək olar?

🔗JavaScript-i WordPress-də necə düzgün tətbiq etmək olar? JS və CSS fayllarının fərdi yüklənməsi