WordPress’e jQuery komut dosyaları eklemenin doğru yolu

WordPress hayatımızda 16 yıldan fazla bir süredir var, ancak temalara ve eklentilere komut dosyası ekleme yöntemi hala birçok geliştirici için bir gizem. Bu makalede nihayet karışıklıktan kurtuluyoruz. Bu, en yaygın kullanılan JavaScript kitaplıklarından biri olduğundan, bugün WordPress temanıza veya eklentinize basit bir jQuery komut dosyası ekleyeceğinizi tartışacağız. Ama önce … komut dosyasını WordPress’e eklemeye başlamadan önce jQuery uyumluluk modu hakkında, JQuery’nin uyumluluk modunu anlamak önemlidir. Bildiğiniz gibi, WordPress daha önce kodunuzla kullanabileceğiniz JQuery ile yayınlanmıştır.
JQuery WordPress ayrıca, diğer dil kütüphaneleriyle çatışmaları önlemek için bir mekanizma olan bir “uyumluluk modu” na sahiptir. Bu savunma mekanizmasının bir kısmı, $ işaretini doğrudan diğer projelerde yapabileceğiniz gibi kullanamayacağınız anlamına gelir. Bunun yerine, WordPress için JQuery yazarken JQuery kullanmalısınız. Örneğin aşağıdaki koda bakın:
A931ee5568d1d3774622d3b572535fd1’in özünü içerir
Sorun şu ki, JQuery trilyon yazmak daha fazla zaman alır, okumayı zorlaştırır ve senaryolarınızı şişirebilir.
İyi haberler? Bazı değişikliklerle, güzel küçük dolar işaretimizi bir kez daha kullanmaya geri dönebilirsiniz. BTW, JQuery’de yeniyseniz, $ işareti sadece jQuery (), ardından bir işlev için takma ad içindir. Temel yapı şuna benziyor: $ (seçici). Dolar işareti JQuery … “(Seçici)” HTML öğeleri sorma veya bulma … ve son olarak “JQuery Action ()” öğe üzerinde yapılacak eylemdir. Uyumluluk sorununun üstesinden gelme şeklimize geri dönün … İşte bazı iyi seçenekler: 1. Stealth Jquery modu dahil, uyumluluk modunu aşmanın ilk yolu kodunuzu gizlice kullanmaktır. Örneğin, altbilgiye altbilgiye yüklerseniz , JQuery’yi $ olarak eşleştirecek anonim işlevde olan kodu sarabilirsiniz. Aşağıdaki örnekte olduğu gibi:
Yükleme Çekirdek 9463033D31B54E8C0BD3AB9D37770329
Komut dosyasını başlığa eklemek istiyorsanız (mümkünse, aşağıda daha fazla kaçınmanız gerekir), her şeyi hazır bir işlevle sarabilirsiniz, yol boyunca $ devam edin.
Core 626F5D6B73425C68321041126b7e262d içerir
2. “Çatışma Olmadan” Mod Giriş JQuery yazımından kaçınmanın basit bir yolu “Çatışma Yok” moduna girmek ve farklı bir kısayol kullanmaktır.
Bu durumda: varsayılan $ yerine $ j. Tek yapmanız gereken bunu komut dosyasının en üstünde ilan etmektir: var $ j = jQuery.noconflict (); Pekala, şimdi WordPress için geçerli bir JQuery kodu yazma hakkında daha fazla bilgi edinin, web sitemize ekleyelim. WordPress’e jQuery komut dosyaları nasıl eklenir WordPress’e jQuery komut dosyaları eklemenin en basit yollarından biri “Enqueueing” adlı bir süreçtir. Her zamanki HTML web sitesi için, komut dosyası eklemek için öğesini kullanacağız. WordPress sonunda aynı şeyi yaptı, ancak bunu başarmak için özel bir WP işlevi kullanacağız. Bu şekilde tüm bağımlılıklarımızı bizim için ele alıyor (Teşekkürler WP!). Bir tema üzerinde çalışıyorsanız, function.php dosyasında wp_enqueue_script () işlevini kullanabilirsiniz. Aşağıdaki görünüm:
A079CD9663A1A789B0A17FCA8FB458’in özünü içerir
Bu işlev beş argüman gerektirir:
$ Handle – Komut dosyasına başvurmak için kullanabileceğiniz benzersiz tutamak.
$ src – komut dosyası dosyası konumu.
$ Deps – Bağımlılıkları belirleyin.
$ ver – Script sürüm numaranız.
$ in_footer – WordPress’e komut dosyasını nereye koymanız gerektiğini söyleyin.
*$ İn_footer hakkında düşünülmesi gereken şey, varsayılan olarak komut dosyasının başlıkta yayınlanmasıdır.
Bu kötü bir uygulamadır ve sitenizi büyük ölçüde yavaşlatabilir. Bu nedenle, betiğinizi altbilgiye yerleştirmek istiyorsanız, bu parametrenin true olarak ayarlandığından emin olun. WordPress Yöneticisine bir komut dosyası eklemek, yöneticiye bir komut dosyası ekleyebilirsiniz. Kullanılan işlev tamamen aynıdır, sadece farklı bir kanca kullanmanız gerekir. Örnek olarak:
Core 53FEF91BDDB0EF9888792A74B0DA38 içerir

WP_enqueue_scripts’e bağlanmak yerine admin_enqueue_scripts kullanmamız gerekir. İşte burada! Doğru mu. WordPress ‘jQuery’yi nasıl kaydedersiniz, ancak daha önce WordPress’te yayınlanandan farklı bir jQuery sürümü kullanmak istiyorsanız? Sırayabilirsiniz … ancak sayfada iki JQ sürümü bırakır. Bundan kaçınmak için WP sürümünü tespit etmeliyiz. Aşağıdaki görünüm:
Çekirdek 6bb83501e8dcd7a31e2d7932e3db8008 içerir
Bu, jQuery WP kaydını iptal etmek için wp_deregister_script () kullanmak kadar kolaydır ve daha sonra eklemek istediğiniz jQuery komut dosyasını içerir. Yukarıdaki örnekte, barındırılan google olan jQuery kütüphanesini kullanıyoruz, ancak bunu kendi komut dosyası URL’nizle açıkça değiştireceksiniz. Enque yapmadan önce bir senaryo kaydetmeniz gerekmiyor mu? Komut dosyasını sayfanıza doğrudan yüklemek yerine gerektiğinde yüklemek istiyorsanız – komut dosyasını erken kaydedebilirsiniz.
Örneğin, wp_loaded’de:
66DFC6452D2DF13A1A44D7394E11A19’un özünü içerir
Bunu bitirdikten sonra, ihtiyacınız olduğunda enquee’nin komut dosyasını yapabilirsiniz:
Db7b3b58557fd50129789296874caa69’un özünü içerir
Diğer komut dosyalarıyla çarpışmayı önlemek için aynı adı kullanmayı unutmayın. Koşullu etiketleri kullanın Koşullu etiketleri kullanın, komut dosyasını yalnızca gerekirse yüklemek için. Bu, yalnızca belirli sayfalarda (tüm yönetici değil) komut dosyalarını kullanmak istediğiniz yöneticide daha sık kullanılır. Ayrıca bant genişliği ve işlem süresi tasarrufu sağlar – bu da web siteniz için daha hızlı yükleme süresi anlamına gelir.
Daha fazla bilgi için CODEX WordPress’teki Enqueue yönetici komut dosyasının belgesine bakın. WPPress eklentisini kullanarak WordPress’e jQuery ekleyin, komut dosyasını WordPress yayınınıza, sayfalarınıza veya temalarınıza eklemek için kullanabileceğiniz birçok harika eklenti de vardır. Ünlü JavaScript / JQuery eklentilerinin bazı örnekleri şunlardır: Gelişmiş özel alanlar, basit özel CSS ve JS, stil komut dosyaları ve varlık temizliği. Kendi jQuery hikaye senaryolarınız jQuery’yi daha iyi anlar. İster kendi web siteniz veya müşteri projeniz için olsun. JQuery, sadeliği ile ünlüdür ve bu makalede öğrendiğiniz gibi, WordPress’e basit bir jQuery betiği eklemek, nasıl olduğunu bildikten sonra çok kolaydır. Evet, vanilya HTML kullanmaya kıyasla biraz ek yük var, ancak bağımlılık yönetimi ve netlikten ek avantajlar da var. Sadece bu değil, varsayılan WP JQuery uyumluluğunu aktarmak gibi birkaç hile kullanarak, çok fazla zaman, enerji ve şişmiş koddan tasarruf edersiniz.
Sitenizde jQuery kullanıyor musunuz? Blogumuzda görmek istediğiniz diğer jQuery ipuçları ve püf noktaları nelerdir? Bize aşağıdaki yorumlarda anlatın.
Etiket:
Javascript
jQuery
WordPress kodu
WordPress Geliştirme