WordPress, jQuery kütüphanesini kullanmak için önceden yüklenmiştir. Bu nedenle, jQuery kodları kullanmak için ek bir şey yapmanız gerekmez. Sadece jQuery kodlarınızı bir dosyaya kaydedin ve dosyayı temanızın “functions.php” dosyasında belirttiğiniz şekilde ekleyin. Bu işlemle birlikte WordPress’te jQuery kodunu eklemiş olacağız.
jQuery Kodunun Eklenmesi
Örneğin, jQuery kodlarınızı “custom.js” adlı bir dosyada saklamak istiyorsanız, aşağıdaki adımları takip edebilirsiniz:
- “wp-content/themes/temanızın-adı/js” dizininde “custom.js” adlı bir dosya oluşturun.
- “functions.php” dosyanızda, “wp_enqueue_script” işlevini kullanarak jQuery ve “custom.js” dosyanızı ekleyin:
function my_custom_scripts() {
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );
Bu işlev, “wp_enqueue_script” işlevini kullanarak “jquery” ve “custom-script” adında bir script dosyası ekler. “get_template_directory_uri” işlevi, temanızın kök dizininden “/js/custom.js” yolunu alır. “array()” değeri, önceki script’e bağlı olduğu bir dizi oluşturur. Sonraki değer, script sürümüdür. Son değer ise, script’in yüklendiği yerdir.
- “custom.js” dosyanıza jQuery kodlarınızı ekleyin:
jQuery(document).ready(function($) {
// jQuery kodlarınız buraya gelecek
});
Bu kodlar, jQuery’nin yüklendiği zamanı bekleyen “document.ready” işlevini kullanır. “$” işareti, “jQuery” sözcüğünün yerine kullanılabilir. Böylece, “custom.js” dosyanızdaki jQuery kodlarınız artık kullanılabilir olacak. Bu örnekle birlikte WordPress’te jQuery kodunu eklemiş oluyoruz.
