Enqueuee ile WordPress’e doğru şekilde komut dosyaları ve stilleri ekleyin

Birçoğumuz, web sitemizin görünümünü değiştirmek için stilleri ve işlevselliği geliştirmek için komut dosyalarını kullanıyoruz. Ancak, bu komut dosyasını WordPress’e ekleme şeklinin bu dosyaların içeriği kadar önemli olduğunu belirtmek önemlidir. Bir üstbilgi veya altbilgi dosyasına girmek yerine, enqueue WordPress işlevselliğini kullanmamız gerekir. Bu makalede, ön uçta veya arka uçta bir şey yapsanız da, temanıza ve eklentinize nasıl komut dosyaları ve stilleri ekleyeceğinizi göstereceğim. Enqueueing nedir? Enqueueing, WordPress web sitesine komut dosyaları ve stiller eklemenin CMS dostu bir yoludur. Sahip olduğunuz bazı eklentiler JQuery ve diğer komut dosyalarını kullanabilir. Her eklenti bu varlığa ayrı olarak bağlanırsa, kaos oluşur ve tüm JavaScript’iniz çalışmayı durdurabilir.
Komut dosyasını bekleyerek, WordPress’e eklemek istediğiniz varlıkları anlatırsınız ve bunu gerçekten üstbilime ve altbilgiye bağlar. Komut dosyanızın ve stilinizin bağımlılığını bile belirleyebilirsiniz ve WordPress bunu doğru sıraya ekleyecektir. Bu, temasınız ve eklentinizle çekirdek tarafından ihtiyaç duyulan tüm bilgileri alır, gerekli komut dosyalarının ve stillerin bir listesini yapın ve bunu doğru konumda yayınlar. Alt hat, varlıklarınızı nasıl eklediğinizi umursamıyor, sonuç, web sitenizde bir yerde veya olacaktır. Aşağıdaki örnek, web sitesinde yayınlanan üç komut dosyasını ve iki stili göstermektedir:
Yükleme Çekirdeği 37363697DE3703B37C38C13DCB26A7B
İşlevsellik açısından, bu iyidir, ancak WordPress’in yukarıda gösterdiğimden daha fazla görevi olduğunu unutmayın.Belki dolaşan başka senaryolar ve stiller vardır.Komut dosyasını ve stili eklediğiniz sipariş çok önemli olduğundan, başlığınıza veya altbilgi temanıza koymaya başlarsanız, yakında kaybolabilirsiniz.Ayrıca, bu komut dosyalarının çoğu tema PHP kodunuzda görünmez.WordPress ve diğer eklentiler tarafından ihtiyaç duyulan tüm komut dosyaları, wp_head () ve wp_footer () işleviyle eklenir.Enqueeing’in varlıkları doğru bir şekilde sıraya girer.Buna dayanarak, WordPress sizin için senaryo yerleşimi üzerinde çalışıyor.Tüm bunlar kodla yapıldığından, yeni bir tane eklemeniz gerektiğinde komut dosyasını yeniden düzenleme konusunda endişelenmenize gerek yoktur.Önceki bölümdeki komut dosyasına bakalım, enqueueing ile ekleyelim: Core 5EBA5EE051046813680204a397a4949a
Bu kod, temamızdan, çocuk temasından veya eklenti dosyasına functions.php dosyasına yerleştirilmelidir. İşlevi wp_enqueue_scripts kancasına ekleyerek hem komut dosyasının hem de kuvvetin olduğunu unutmayın. Kuyrukladığım ilk iki şey bizim tarzımızdı. Sıfırlama stiline bağlı olmasına rağmen, önce temamızın stilini tanımlıyorum. Bu bir sorun değil çünkü bu bağımlılığı üçüncü parametrede tanımlıyorum. İlk parametre varlığın benzersiz adıdır, ikincisi konumdur. Eklediğim üçüncü varlık olağanüstü olan baykuş atlıkarıncıydı. Üçüncü parametrede JQuery’yi bağımlılık olarak ayarladım. WordPress’e yüklendiğim için kendimi sıralamama gerek yok. Dahil edilen komut dosyaları listesi için Codex WordPress’e bakın. Son olarak, tema komut dosyasını ekliyorum. Senaryomuz JQuery ve Owl Carousel’e bağlı. Aslında sadece baykuş atlıkarınca bağımlılık olarak tanımlayarak kaçabilirsiniz. JQuery, Baykuş Carousel’e bağımlılık olduğu için JQuery her şeye dahil edilecektir. Bu, bağımlılığımı tamamen ilan etmek istiyorum, kodu gördüğümde bana daha fazla bilgi veriyor. Bulmacanın son kısmı, tema senaryolarımızın altbilgide yayınlanmasını sağlamaktır. Bu, beşinci parametrenin doğru olarak tanımlanmasıyla yapılabilir. Dördüncü parametre, 1.0’a ayarladığım isteğe bağlı sürüm numarasıdır.
Bir örnek gördükten sonra kuyruk ayrıntılı olarak, ellerimizi temizleyelim ve bizim için mevcut tüm işlevleri ve parametreleri görelim. İki işlev kullanıyoruz: wp_enqueue_script () ve wp_enqueue_style (). İkisi de beş parametre aldı ve ilk dördünü paylaştı:
Çekirdek 915B825412A3E704612867F8E1F1379Handle içerir: Bu komut dosyanızın veya stilinizin adıdır. Burada sadece küçük harf ve bağlantılar kullanmak ve benzersiz bir ad kullandığınızdan emin olmak en iyisidir.
Kaynak: Komut dosyanızın veya stilinizin URL’si. Get_template_directory_uri () veya plugins_uri () gibi işlevleri kullandığınızdan emin olun.

Bağımlılıklar: Dizi, senaryo veya stilinize bağlı varlıkları kullanın. Bu, enqueed betiğinizden önce yayınlanacaktır.
Sürüm: Sorguya eklenecek sayı sürümü. Bu, önbelleklemeden bağımsız olarak kullanıcının doğru sürümü almasını sağlar.
In_footer: Bu parametre yalnızca komut dosyaları için kullanılabilir. True olarak ayarlanırsa, komut dosyası sayfanızın altındaki wp_footer () aracılığıyla yüklenir.
Medya: Stil için bu parametre, kuvveti göstermesi gereken ortam türünü belirlemenizi sağlar. Örneğin: ekran, yazdırma, el tipi vb.
Umarım parametre açıklaması önceki bölümdeki örneğimizi daha net hale getirir. Artık kendi tarzınız ve senaryolarınızla oynamaya başlayabilirsiniz.
Varlık kaydının aslında varlık eklemek için iki adımı vardır, ancak EnqueueE işlevi aynı anda tamamlayabilir. Teknik olarak senaryo ve kuvvet önce kaydedilir ve ardından teslim edilir. Kayıt, WordPress’in varlıklarınızı bilmesine izin verirken, aslında sayfaya ekler. İşte Owl Güney Korece’imizi eklemenin alternatif bir yolu:
Contains the core of the a5eaebbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbB
Öyleyse neden biri yeterli olduğunda iki adımda yapıyorsunuz? Cevap, bazı durumlarda komut dosyasını sıraya koyduğunuzda aynı yere kaydetmediğinizdir. İyi bir örnek kısa bir koddur. Yaptığınız kısa kodun biraz javascript gerektirdiğini varsayalım. Kısa kod kullanılmasa bile, wp_enqueue_scripts kancasına ekleyerek sıraya girerseniz, komut dosyasını wp_enqueue_scripts kullanarak kaydetmektir, ancak kısa kod işlevinde enqueue. Bu, yalnızca kısa kod tamamen kullanıldığında içerecektir. Kısa kod birkaç kez kullanılırsa, komut dosyası yalnızca tüm temel bilgileri tartıştıktan sonra dahil edilir. WP_register_scripts () ve wp_register_styles () işlevi, erkek ve kız kardeşleriyle aynı parametrelere sahiptir. Tek fark, ENQUEUE işlevinin, tutuşun kaydedildiği sürece yalnızca tutamağı belirlemenize izin vermesidir. WordPress komut dosyalarını ve stillerini kaldırma, komut dosyaları ve stiller için dequeue ve deregistering işlevleri sağlar.
WP_DEREGISTER_SCRIPT ()
WP_DEREGISTER_STYLE ()
wp_dequeue_script ()
wp_dequeue_style ()
Bu işlev, modüler varlıkları kaldırmamızı sağlar. Aşağıdaki örnekte jQuery’nin nasıl kolayca silinebileceğini ve daha yeni bir sürümle değiştirilebileceğini gösterir.
Core 702C31353253E89913A7A42B4B2A59F8 içerir
Yine de, neredeyse hiç JQuery’yi yeni bir sürümle değiştirmek iyi bir fikir değildir.WordPress, varsayılan olarak eklenen sürümle mümkün olduğunca sorunsuz çalışacak şekilde inşa edilmiştir.Değiştirilmesi hafifçe alınmamalıdır.Artık enqueue’nin neden önemli bir süreç olduğunu anladığınız sonucuna vardınız.Bu, omzunuzdan bağımlılık bakım yükünü ortadan kaldırır ve komut dosyasını modüler ve yönetilebilir bir şekilde eklemenize olanak tanır. Tüm WordPress eklentileri ve temaları için anqueueing gereklidir.Ürününüz (ücretsiz veya premium) WordPress depolarında ve onsuz birçok prim pazarında kabul edilmeyecektir.Bu, “başkalarıyla iyi oynama” nın temelini oluşturur ve her geliştirici tarafından takip edilmelidir.Süreç hakkında sorularınız veya yorumlarınız varsa, aşağıdaki yorumlarda bana söyleyin.Kredi görüntüsü: Flickr’dan Xiaojun Deng.