WordPress Geliştiricileri için JavaScript: WordPress’e JavaScript Yükle

Son üç hafta boyunca, web sitenizde JavaScript’i nasıl kullanmaya başlayacağımızı, animasyon ve efektler için jQuery’nin nasıl uygulanacağını ve bu serinin bir parçası olarak JavaScript nesnelerinin nasıl kullanılacağını gördük. Şimdi dibe döneceğiz. JavaScript’i gerçekten kullanmak için, sitenize nasıl yükleyeceğinizi bilmeniz gerekir. Bu, WordPress geliştiricileri için JavaScript’e odaklanan beş bölümümüzdeki dördüncü gönderi. Bu dizi boyunca temel bilgileri öğreneceksiniz, ancak bence zaten HTML ve CSS hakkında bilginiz var. Bu yapı taşı ile ilgili yardıma ihtiyacınız varsa, yeni başlayanlar için WordPress’in gelişimi hakkındaki dizimize bakın.
Bu seride şimdiye kadar JavaScript, değişkenler, diziler, işlevler, nesnelerin temellerini gördük ve dişlerimizi temel jQuery’ye gömdük. Şimdi daha derine inme ve JQuery’nin WordPress ile nasıl eşleştiğini ve bağımlılığını korurken komut dosyasını nasıl yükleyebileceğinizi anlamaya başlama zamanı. WordPress geliştiricilerimiz için JavaScript serisindeki öğreticiyi özlüyor musunuz? Beş yazıyı buradan takip edebilirsiniz:
WordPress Geliştiricileri için JavaScript: Temelleri inceleyin
WordPress Geliştiricileri için JavaScript: Nesnelerle Başlamak
WordPress Geliştiricileri için JavaScript: JQuery ile Başlayarak
WordPress Geliştiricileri için JavaScript: WordPress’e JavaScript Yükle
WordPress Geliştiricileri için JavaScript: Ajax kullanma
WordPress nasıl bir komut dosyası içeriyor Geri adım atalım ve önce WordPress’in komut dosyalarını ve stilleri nasıl içerdiğini görelim. Bir JavaScript dosyası oluştururken, bunu kafadaki veya içerikteki sayfanıza ekleyebileceğinizi öğrendik. WordPress aynı şeyi yapar, ancak bu komut dosyası etiketini yalnızca başlık dosyanıza veya altbilginize giremezsiniz (okuyamazsınız). WordPress, hangi dosyaların yükleneceğini ve ne zaman yükleneceğini belirleyen enqueueing adlı akıllı bir yükleme mekanizması kullanır. Bu mekanizma bağımlılığı anlamak için gereklidir. Temanız için birkaç jQuery kodu yazarsanız, önce JQuery’nin kendisi yüklenmelidir. JQuery eklentisine bağlı bir kod yazabilirsiniz. Bu durumda, önce jQuery yüklenmeli, ardından eklentiye girmeli ve ardından kodunuz. Aşağıda, jQuery’ye bağlı komut dosyalarını ekleyen eksiksiz bir koddur:
Çekirdek yükleme D03C5CCC6BCD91CF0255ADA4751B475E
İlk olarak, WordPress’e bir işlev bağlanmalıdır. Add_action () işlevinin ilk bağımsız değişkeni WordPress’e bu komut dosyasının nereye yerleştirilmesi gerektiğini söyler: ön uç web sitesinde veya yöneticide. WP_enqueue_script’lerini kullanırsanız, kullanıcıya bakan tarafa yerleştirilirler, admin_enqueue_scripts kullanırsanız yöneticiye yerleştirilirler. Bağlı işlevde, ihtiyacınız olan komut dosyasını eklemek için wp_enqueue_script kullanabilirsiniz. Bu işlev bir zorunlu parametre ve dört isteğe bağlı parametre alır:
İlk parametre, komut dosyanızın adıdır. Ne istediğinizi seçebilirsiniz, ancak adlandırma sorunlarını önlemek için benzersiz bir şey adlandırdığınızdan emin olun. İkinci parametre komut dosyasının konumunu içermelidir.
Üçüncü parametre bağımlılıklar içerir. Yukarıdaki örnekte JQuery’nin bağımlılık olduğunu gösterdim. Tüm bağımlılıklar komut dosyasından önce yüklenir.
Dördüncü parametre sürüm numarasıdır
Beşinci ve son parametreler, komut dosyasını başlıkta mı yoksa içeriğin sonunda mı yüklemek isteyip istemediğinizi gösterir. Sonunda yüklemek için true kullanın veya yanlış (veya değeri kaldırın) kafaya yüklemek için.
WordPress bağımlılığı, jQuery’nin bir kopyasıyla gönderilir, bu yüzden onu karmaşıklık olmadan bir bağımlılık olarak ekleyebilirsiniz. WordPress’te bulunan birçok jQuery komut dosyası ve eklentisi vardır. Kodunuz bunlardan birine bağlıysa, kendi kopyanızı eklemeyin, sadece bağımlılık olarak ekleyin. Hangisini kullanabileceğinizi görmek için CODEX WordPress’teki bu komut dosyalarına bakın.
Bazı komut dosyalarınızı eklerseniz, bunları aynı bağımlılık olarak ekleyebilirsiniz. Aşağıdaki örneğe bakın:
Çekirdek yükleme D03C5CCC6BCD91CF0255ADA4751B475E
Temel komut dosyası jQuery’ye bağlı olduğundan, uzatma komut dosyasının da buna bağlı olduğunu unutmayın. Bunun dışında, JQuery’yi her ikisine de bağımlılık olarak eklemenize gerek yoktur. Bu, senaryo yönetimini çok daha kolay hale getirir! Gerçek komut dosyasını eklemek için kayıt ve kuyruk iki adımdan oluşur, ancak gösterildiği gibi wp_enqueue_script () kullanırsanız, bir tane olarak özetlenir. Aslında, WordPress’e ilk kaydedilen, yani WordPress komut dosyası hakkında “bileceği” anlamına gelir. İkinci adım, sayfaya gerçekten eklendiğinde enqueuee yapmaktır. Bazı durumlarda, verimli komut dosyası yüklemesini sağlamak için ayrı ayrı yapmak isteyebilirsiniz. Yakında birkaç düzgün kullanım vakası göstereceğim. İki adımda kaydolmak ve enqueue için, wp_enqueue_script () kullandığınızla aynı parametrelerle wp_register_script () kullanın, ardından bir parametreyle wp_enqueue_script () kullanın, komut dosyasının adı (bazen tutamaç olarak adlandırın.
Çekirdek yükleme D03C5CCC6BCD91CF0255ADA4751B475E
Aynı yerde kaydolur ve kuyruğa girerseniz, bu gerçekten mantıklı değildir, ancak yakında göreceğiniz gibi, bazen bir işlevde kayıt yaptırabilir ve başka bir işlevde kuyruklayabilirsiniz.

Koşullu Yükleme Bazen betiğinizi her sayfada kullanmak istersiniz, ancak genellikle sadece belirli bir yerde ihtiyacınız vardır. Bu özellikle yönetici için bir komut dosyası oluştururken geçerlidir. İyi bir örnek, kısa kodların kullanılmasıdır. Kısa kod, kullanıcının bazı basit hileler kullanarak içerik düzenleyicisinde gelişmiş bir ekran oluşturmasına olanak tanır. Örneğin, böyle bir gönderiye eklenebilen atlıkarınca görüntüler yapabilirsiniz: [Carousel IDS = ’42, 124,123,331,90 ‘]. Güney Kore, kimlik tarafından belirlenen görüntü kullanılarak Gönderi sayfasında oluşturulacaktır. Bunu gerçekleştirmek için atlıkarınca yapacaksınız. JS JQuery’ye bağlı. İşte gerçekleşecek bazı kodlar (gerçekten Güney Kore’yi sadece komut dosyası yüklemesini göstermeyecek): D03C5CCC6BCD91CF0255’in çekirdeğini içeriyor 4751B475E
Komut dosyasını WordPress’in bildiğinden emin olmak için kaydediyoruz, ancak yalnızca kısa kod işlevinin kendisinde sıraya koyuyoruz. Bu şekilde komut dosyası yalnızca kısa kod sayfada kullanılırsa sayfaya eklenir. Deat-o! Koşullu bir komut dosyası yüklemek için bir başka yöntem de koşullu fonksiyonun kullanılmasıdır. Komut dosyasını tüm kategori arşiv sayfalarına yüklemek istiyorsanız, IS_CATEGORY () koşullu etiketini kullanabilirsiniz.
Çekirdek yükleme D03C5CCC6BCD91CF0255ADA4751B475E
Admin_enqueue_scripts adresindeki WordPress Codex girişi, komut dosyalarının belirli yönetici sayfalarına nasıl hedefleneceğine iyi bir örnek sunar.
Çekirdek yükleme D03C5CCC6BCD91CF0255ADA4751B475E
Bağlı işlevin ilk parametresi, şu anda bulunduğunuz kimlik sayfasıdır. Yukarıdaki örnekte, kimlik her edit.php değilse, işlevi geri dönecektir. Değilse, senaryoyu enqueue haline getirecektir. Komut dosyalarını kaldırma ve değiştirme şimdiye kadar, bu genel bir senaryo ama bazen komut dosyasını silmeniz veya değiştirmeniz gerekebilir. Eklenti tarafından eklenen (ancak tema tarafından kullanılmayan) komut dosyasının sorunlara neden olduğu bir durum yaşadım. En iyi seçimdir, hatayı hemen ortadan kaldırır. Daha yeni bir sürümle uyumlu olduğundan emin olmak için bir şey test ederseniz jQuery’yi daha yeni bir sürümle değiştirmek isteyebilirsiniz. Bu durum WP_DereGister_Script () ve WP_Dequeue_script () ‘nin yararlı olduğu yerdir. Varsayılan WordPress jQuery’yi kendi jQuery’nizle nasıl değiştireceğiniz aşağıda açıklanmıştır:
Çekirdek yükleme D03C5CCC6BCD91CF0255ADA4751B475E
WordPress’teki enqueing yönteminin son zihni çok iyidir, çünkü komut dosyasını modüler eklemenizi sağlar. Her zaman bağımlılıkların doğru şekilde yüklenmesini sağlayabilirsiniz – WordPress JQuery eklentileriyle dolu olduğu için çok fazla bağımlılık sağlamanıza bile gerek yoktur. Tarzla çalışıyorsanız, enqueue yapabilir ve aynı şekilde kaydedebilirsiniz, sadece wp_enqueue_style () kullanın. Son olarak, eklentinizi veya temanızı komut dosyasıyla kirletmemenizden emin olun. Mümkün olduğunca az kullanmalı ve mantıklısa bir dosyaya birleştirmelisiniz. Bu serinin bir sonraki öğreticisinde, WordPress sitenize harika işlevler eklemek için Ajax’ı nasıl kullanacağımızı göreceğiz.
Bu öğreticinin yararlı olduğunu düşünüyor musunuz?WordPress’in geliştirilmesinde neden JavaScript’i öğrenmek istiyorsunuz?Daha fazla bilmek istiyorsun?Bize aşağıdaki yorumlarda anlatın.
Javascript