Her WordPress web sitesinin düzgün çalışması için bir temaya ihtiyacı vardır. WordPress ile ilgili en iyi şeylerden biri, web sitenizin ön yüzünü geliştirmek için binlerce temanızın olmasıdır.
Ve ne tür bir WordPress temanız olursa olsun, web sitenizin görünümünü ve işlevselliğini geliştirmek için stiller ve komut dosyaları kullanacaksınız.
Bir temayı şekillendirmenize ve ekstra özellikler eklemenize yardımcı olsa da, WordPress’e stil ve komut dosyası eklemenin bir yanlış bir de doğru yolu vardır. Yanlış yol, onları WordPress başlık dosyasına veya wp_head’e eklemektir. Doğru yol, kuyruğa alma adı verilen bir yöntemi kullanmaktır.
Bu gönderide, sıkıştırmanın ne olduğunu, nasıl çalıştığını ve gerekli komut dosyalarını ve stilleri WordPress temanıza eklemek için bu işlemi nasıl doğru bir şekilde kullanacağınızı açıklayacağız.
Önerilen makale: sosyal medya şirketleri hakkında bilgi almak ve güncel sosyal medya haberlerine ulaşmak için ilgili sayfayı ziyaret edebilirsiniz.
WordPress’te Sıralama
Sıralama, Javascript dosyalarını veya JS dosyalarını – betikler ve stiller dahil – WordPress’e, kodun yeniden yazılmasına gerek kalmadan ihtiyacınız olduğunda kullanmanıza izin verecek şekilde yükleme işlemidir.
Komut dosyalarını sıkıştırarak, WordPress’e hangi varlıkları eklemek istediğinizi söylersiniz. WordPress daha sonra üstbilgi ve altbilgideki bu varlıkları otomatik olarak bağlar.
Sıralama WordPress’te Nasıl Çalışır?
Sıralama şu şekilde çalışır.
İlk olarak, betiğinizi veya stilinizi kaydedersiniz: WordPress’e varlığınızın mevcut olduğunu söyleyin.
WordPress’e varlığınızın orada olduğunu söyledikten sonra, ikinci adım onu kuyruğa almaktır. WordPress daha sonra varlığı otomatik olarak uygun konuma çıkarır: üstbilgi veya altbilgi.
Neden iki aşamalı bir süreç?
Yalnızca belirli sayfalara bir varlık eklemeniz gerekebilir. Örneğin, basit bir popüler ürün portföyü çıkaran bir kısa kod oluşturuyor olabilirsiniz.
Tüm WordPress sayfaları bundan faydalanmaz. Yalnızca hizmetler sayfanızda veya mağaza sayfanızda bir ürün portföyüne ihtiyacınız var.
İstenen sonucu elde etmek için, önce komut dosyasını kaydedebilir, ardından kısa kodu yalnızca gerekli sayfalara dahil edecek şekilde sıkıştırabilirsiniz. Bu, WordPress’in kaynaklardan tasarruf etmesini sağlar ve web sitenizi hızlandırır.
wp_enqueue_script’in temelleri
Artık kuyruğa almanın ne olduğunu ve nasıl çalıştığını biliyoruz. Varlıklarınızı yüklemek için kullanacağınız wp_enqueue_script kancasının temellerini inceleyelim.
Eylem kancası içinde, birkaç işlevi kullanabilir ve bunları functions.php dosyasına gömebilirsiniz:
wp_register_script()
wp_enqueue_script()
wp_register_style()
wp_enqueue_style()
wp_enqueue_script Örneği
İşte bunun style.css dosyasında nasıl görüneceğine dair pratik bir wp_enqueue_script örneği:
Yukarıdaki örnek, aynı işlev içindeki varlıkların iki adımda nasıl kaydedileceğini ve kuyruğa alınacağını gösterir.
Komut dosyalarını aynı anda kaydetmek ve sıraya almak için sıkma işlevini de kullanabilirsiniz. Bunu şu şekilde yapabilirsiniz:
WordPress, hem wp_register_style() hem de wp_register_script() işlevinin üçüncü argümanı aracılığıyla bağımlılıkları yönetmenin yerleşik bir yoluna sahiptir.
wp_enqueue_script jquery
Üçüncü parametre, istenen varlığımızı kuyruğa almadan önce yüklenen bir dizi kayıtlı betik ve stildir. Yukarıdaki örnekte, önce wp_enqueue_script jQuery’i yüklememiz gerekir.
Bunu, enqueue komut dosyası işlevine “dizi (‘jquery’)” ekleyerek yapabiliriz.
jQuery, WordPress’e zaten dahil edilmiştir, bu nedenle ayrı olarak yüklememize gerek yoktur.
Aynı kural, varlığınızın sahip olduğu diğer tüm bağımlılıklar için de geçerlidir. Örneğin, tüm portföy öğelerinizi bir ışık kutusunda açmak istiyorsanız, ışık kutusu için bir dizi de eklemeniz gerekir. Aksi takdirde varlıklarınız yüklenmez.
Altbilgide wp_enqueue_script Nasıl Kullanılır?
Komut dosyalarınızı web sitenizin üstbilgisine veya altbilgisine yerleştirebilirsiniz. Web sitenizin yükleme süresini iyileştirdiği için komut dosyalarınızı web sitenizin wp_footer’ında mümkün olduğunca sıkmak daha iyidir.
İşte nedeni.
Tarayıcı, web siteniz yüklenirken başlık alanındaki tüm komut dosyalarını ve stilleri yükler. Bu komut dosyaları yüklenirken ziyaretçileriniz boş bir sayfa görür.
Web sitenizin başlığında ne kadar çok betik ve stil varsa, tarayıcının sayfanızı yüklemeye devam edebilmesi için bunları gözden geçirmesi o kadar uzun sürer.
İşlevinize bir “true” parametresi ekleyerek daha yüksek yükleme sürelerinden kaçınabilirsiniz. İşte bu özel komut dosyasının JavaScript’te nasıl görüneceği:
“true” parametresini atlamak, WordPress’e komut dosyalarınızı ve stillerinizi başlığa yüklemesini söyleyerek web sitenizin hızını olumsuz yönde etkiler.
WordPress’te wp_enqueue_scripts kullanma
Gezinme, widget’lar, eklentiler, temalar ve daha fazlasını geleneksel HTML yöntemlerinin dışında özelleştirebileceğiniz için komut dosyalarını sıralamak önemlidir.
Burada özetlenen adımlarla, yükleme sürelerinizi etkilemeden komut dosyalarınızı düzgün bir şekilde sıkıştırabilirsiniz. Temalar ve eklentiler dahil olmak üzere WordPress geliştirmeniz üzerinde etkili bir şekilde çalışabilirsiniz.
Bu, resmi depoda ve WordPress ile ilgili ürünler sunan diğer premium pazarlarda bulunan WordPress temalarınızı, alt temalarınızı ve eklenti dosyalarınızı almanızı kolaylaştıracaktır.
Pazarlama Uygulamaları 