Bir WordPress gönderisine JavaScript kodu nasıl eklenir?

sistematik olarak öğrenilenBir istasyon inşa etTeknikSEOUzmanlar JavaScript programlarını kolayca kullanmayı bilirler.

İnternette başkaları tarafından paylaşılan, kullanımı kolay birçok JavaScript kodu vardır.

Eğer yapabilirsenWordPressMakaleye JS kodu eklemek kesinlikle makaleyi renkli hale getirecektir.

WordPress makalelerine JS kodu nasıl eklenir

Bir WordPress gönderisine JavaScript kodu eklemek çok basittir.

Sonraki,Chen WeiliangSizinle paylaşacak:WordPress gönderilerine JavaScript kodu nasıl eklenir?

JS kodunu eklemenin genellikle 2 yolu vardır:

1. JS kodunu doğrudan WordPress gönderilerine ekleyin
2. JS dosyasını yazdıktan sonra WordPress makalesinde JS kodunu arayın

1) JS kodunu doğrudan WordPress gönderisine ekleyin

İlk yöntem, JavaScript'i doğrudan WordPress gönderisine yazmak.

İşte "Merhaba Dünya!" metnini yazdırmanın bir örneği ▼

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

Bu, JavaScript'i çalıştırdıktan sonra "Merhaba Dünya!" görüntüleyen bir WordPress gönderisindedir ▼

2) JS dosyasını yazdıktan sonra, WordPress makalesindeki JS kodunu arayın

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

Ardından, JavaScript'in eklenmesi gereken WordPress gönderisinde, JavaScript dosyasını WordPress metin düzenleyicisi aracılığıyla arayın.

Aşağıdaki örnek bir WordPress gönderisinde, "Merhaba Dünya" metnini yazdırıyor ▼

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

JavaScript dosyasının içeriği hello.js ▼

document.write("Hello World");

Bir WordPress gönderisine JavaScript kodu eklemek sonuçları gösterir ▼

WordPress, bugünün tarihi için JS kodunu çağırır

İnternette çok eğlenceli ve kullanışlı JavaScript kodu var.

Şimdi bunların nasıl kullanılacağına dair bir örnek verin?

WordPress gönderilerinde bugünün tarihini yazdırın.

Aşağıdaki JavaScript date.js dosyasını WordPress gönderinize ekleyin ▼

<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 dosyasının JavaScript içeriği yer almaktadır ▼

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

İşte bir WordPress gönderisinde JavaScript'in bugünün tarihini yürütmesinin sonucu ▼

Aşağıda, bu makalede yürütülen JavaScript dosyası date.js'nin sonucu verilmiştir ▼

注意 事项

Bir gönderiye JS kodu eklemek için WordPress düzenleyicisini metin moduna geçirmeniz gerekir.

özel dikkat和之间不能有换行。

Bir satır sonu varsa, WordPress bunu otomatik olarak paragraf olarak işler ve otomatik olarak JS komut dosyası kodunun başarısız olmasına neden olan bir p etiketi ekler.

Burada WordPress JavaScript kodu hakkında daha fazla makale var ▼

WordPress, makale sayfalarının JavaScript/CSS kodu yüklediğini nasıl belirtir?

Bir WordPress teması oluştururken, WordPress'te belirli bir sayfada görünen belirli bir JavaScript veya CSS kodu varsa, yalnızca bir kez kullanılacaktır.Kod nereye yerleştirilmelidir? Style.css veya base.js?Ama bunu yapmanın maliyeti biraz yüksek. ...

Sayfa oluşturmayı hızlandırmak için WordPress tembel JavaScript yüklemesi nasıl yapılır?

WordPress, sayfa oluşturma yöntemlerini hızlandırmak için JavaScript'i tembel olarak yükler.JavaScript'in Erteleme özelliği nedir?Muhtemelen herkes bu durumla karşılaşmıştır: Kafada N tane script vardır ve scriptler yüklendiğinde, genellikle boş olan sayfa render işlemi engellenir. ...

WordPress, JavaScript'i nasıl düzgün bir şekilde tanıtıyor?JS ve CSS dosyalarının özel yüklenmesi

WordPress ile web siteleri oluşturan programcılar, WordPress eklentileri geliştirirken veya WordPress temalarını özelleştirirken bazı JavaScript ve CSS komut dosyası kaynaklarına başvurur.Genellikle, insanlar doğrudan HTML için link, script etiketlerini kullanır.Aslında, WordPress içinde…