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 məqalə səhifələrinin JavaScript/CSS kodunu yüklədiyini necə müəyyənləşdirir?

WordPress mövzusunu hazırlayarkən, WordPress-də müəyyən bir səhifədə görünən xüsusi JavaScript və ya CSS kodu varsa, o, yalnız bir dəfə istifadə olunacaq.Kodu harada yerləşdirmək lazımdır? Style.css yoxsa base.js?Ancaq bunun dəyəri bir qədər yüksəkdir. ...

Səhifənin göstərilməsini sürətləndirmək üçün WordPress-i JavaScript-i necə tənbəl yükləmək olar?

WordPress səhifənin göstərilməsi üsullarını sürətləndirmək üçün JavaScript-i tənbəl yükləyir.JavaScript-in Defer xüsusiyyəti nədir?Yəqin ki, hər kəs bu vəziyyətlə qarşılaşıb: başda N skript var və skriptlər yükləndikdə səhifənin göstərilməsi bloklanır, adətən boşdur. ...

WordPress JavaScript-i necə düzgün şəkildə təqdim edir?JS və CSS fayllarının fərdi yüklənməsi

WordPress ilə veb saytlar quran proqramçılar WordPress plaginlərini inkişaf etdirərkən və ya WordPress mövzularını fərdiləşdirərkən bəzi JavaScript və CSS skript resurslarına müraciət edirlər.Adətən insanlar birbaşa HTML üçün link, skript teqlərindən istifadə edirlər.Əslində, WordPress daxilində…