WordPress Stil ve jQuery Dosyalarını functions.php’den Çağırmak

Merhaba arkadaşlar, geçen wordpress tema hazırlarken bilgisiz bir kullanıcı temadaki stil ve jquery çağırma kodlarını silemesin diye başka yöntemler araştırdım. Ve cevabımı buldum. Temamızda ki functions.php’ye birkaç kod ekleyerek stil ve jquery dosyalarımızı başka bir yerde çağırmadan direkt sayfamıza entegre edebiliyoruz. Özellike tema piyasası içinde olanlar için çok gerekli bir kod olduğu kanaatindeyim.

Hemen kodlarımıza geçelim. Css ve jquery dosyalarınızın nerede olduğu önemli değil. Herhangi bir klasörde olabilir. functions.php dosyamızı açıp ?> kodunu aratıp bu kodun üst satırına aşağıdaki kod yapımızı ekliyoruz ;

/* ##### Tema jQuery Tanımlaması ve Css Tanımlaması ##### */
add_action('init', 'stil_js_tanimlama');
function stil_js_tanimlama(){
    wp_register_script( 'temaismi-js', (get_template_directory_uri()."/js/jquerydosyasi.js"), array('jquery'), '1.0' ); 
    wp_register_style( 'temaismi-css', (get_template_directory_uri()."/css/style.css"), false, '1.0.0', 'all');
}

add_action('wp_enqueue_scripts', 'stil_js_cagirma');
function stil_js_cagirma(){
    wp_enqueue_script('temaismi-js');
	 wp_enqueue_style( 'temaismi-css' );
}
/* ##### End Tema jQuery Tanımlaması ve Css Tanımlaması ##### */

Yukarıdaki kodlarda “temaismi-js” ve “temaismi-css” kısımlarını değiştirdiğinizde ” wp_enqueue_script” ve “wp_enqueue_style” kod yapısının içindeki değişken isimlerini de değiştirmeniz gerek. Yani değiştirdiğiniz ismi bu iki yere yazmanız gerek. Yoksa tanımlamalar çalışmayacaktır. Diğer alanları kendinize göre düzenlemeniz yeterli olacaktır. Ayrıca “get_template_directory_uri()” kodu tema klasörünüzün yolunu çekmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.