Reverso
Yeni Üye
- Kayıtlı
- 12 Gün
- Katılım
- 10 Eylül 2026
- Konular
- 12
- Mesajlar
- 13
- Tepkime puanı
- 1
- Puan
- 3
WordPress'te Özel JavaScript Kodu Nasıl Eklenir?
WordPress sitelerinde JavaScript, sayfalara etkileşimli özellikler kazandırmak için kullanılan önemli teknolojilerden biridir. Butonlara özel işlemler eklemek, kullanıcı hareketlerini takip etmek, belirli alanları değiştirmek veya sayfa içerisindeki bazı işlemleri otomatikleştirmek için JavaScript kullanılabilir.
JavaScript kodlarını doğrudan tema dosyalarının içerisine yazmak yerine ayrı bir JavaScript dosyası oluşturup WordPress'in kendi script yükleme sistemini kullanmak daha düzenli bir yöntemdir.
- JavaScript Dosyası Oluşturma
Örneğin js klasörü oluşturulduktan sonra içerisine custom.js dosyası eklenebilir.
Kod:
wp-content/themes/tema-adi-child/js/custom.jsBu dosya içerisinde sitede kullanılacak özel JavaScript kodları bulunur.
- JavaScript Dosyasını WordPress'e Tanımlama
PHP:
<?php
add_action('wp_enqueue_scripts', function() {
wp_enqueue_script(
'custom-script',
get_stylesheet_directory_uri() . '/js/custom.js',
array(),
null,
true
);
});Bu kod, Child Theme içerisinde bulunan `custom.js` dosyasını WordPress sayfalarına dahil eder.
3. JavaScript Kodunu Ekleme
Artık oluşturulan `custom.js` dosyasının içerisine JavaScript kodları eklenebilir.
Örneğin sayfa tamamen yüklendiğinde tarayıcı konsoluna bir mesaj göndermek için aşağıdaki kod kullanılabilir.
JavaScript:
document.addEventListener('DOMContentLoaded', function() {
console.log('JavaScript aktif.');
});Kod çalıştığında tarayıcının geliştirici araçlarında bulunan Console bölümünde mesaj görüntülenir.
