Nasıl WordPress için basit bir jQuery komut dosyası eklerim?

SORU

22 HAZİRAN 2012, Cuma

Nasıl WordPress için basit bir jQuery komut dosyası eklerim?

WordPress sayfa ekleme ve onun çok sinir bozucu kullanma hakkında Kodeksi ve birkaç blog yazılarını okudum. Bildiğim kadarıyla functions.php dosya yükleme DV ama zaten WordPress deneyim bir ton var sanıyorlar çünkü bok var dışarı kılavuzların hepsi var. Örneğin, functions.php dosya üzerinden bir WordPress kullanmak dolduruyorum şimdi, şimdi yapmam gereken tüm yük benim bir WordPress kullanmak olduğunu söylüyorlar.

Tam olarak nasıl yapacağım? Kod eklerim, özellikle ne dosyaları? Tam olarak nasıl tek bir WordPress sayfası için eklerim?

CEVAP

19 AĞUSTOS 2012, Pazar

Ne demek istediğini öğreticiler hakkında biliyorum. Ne yapalım bu işte:

İlk komut dosyası yazmak gerekir. Tema klasörünüzde bir klasör gibi bir şey oluşturun'. js Javascript için bu klasör içinde bir dosya oluşturun. E. g. your-script.js. (A. <script> etiketler ihtiyacın yok O dosya için jQuery komut dosyası Ekle dosya js).

Burada jQuery script (wp-content/themes/your-theme/js/your-scrript.js içinde) nasıl görüneceğini bir örnek:

jQuery(document).ready(function($) {
  $('#nav a').last().addClass('last');
})

JQuery kullanıyorum dikkat edin ve işlevi başında değil dolar.

Tamam, şimdi açık tema functions.php dosya. Script ederken de bir WordPress kullanmak dayanır WordPress söylüyorum ekleyebilirsiniz böylece wp_enqueue_script() Bu fonksiyonu kullanmak isteyeceksiniz. Bunu yapmak için:

add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_enqueue_script(
        'your-script', // name your script so that you can attach other scripts and de-register, etc.
        get_template_directory_uri() . '/js/your-script.js', // this is the location of your script file
        array('jquery') // this array lists the scripts upon which your script depends
    );
}

Tema doğru yerlerde wp_head ve wp_footer olduğunu varsayarsak, bu çalışması gerekir. Eğer daha fazla yardıma ihtiyacınız varsa bana bildirin.

WordPress soruları WordPress Answers de davet ettiler.

Bunu Paylaş: