wp_enqueue, geliştiricilerin komut dosyalarını (JavaScript dosyaları) ve stilleri (CSS dosyaları) sıraya koymasına olanak tanıyan bir WordPress işlevidir.
Bu, geliştiricilerin WordPress’e belirli bir sayfada hangi komut dosyalarını ve stilleri kullanmak istediklerini söyleyebilecekleri ve WordPress’in bunları otomatik olarak yükleyeceği anlamına gelir.
Bu, sayfalarınızın hızlı ve verimli bir şekilde yüklenmesini sağlamaya yardımcı olur ve ayrıca farklı komut dosyaları ve stiller arasındaki çakışmaları önlemeye yardımcı olabilir.
Geliştiriciler, komut dosyalarını düzgün bir şekilde sıralayarak verimli, bakımı yapılabilir ve uyumlu eklentiler, temalar ve web siteleri oluşturabilirler.
WordPress’te JavaScript ve CSS’yi Ne Zaman Enqueue Etmelisiniz?
WordPress web sitenizi özelleştirmek için JavaScript ve CSS kodlarını kullanabilirsiniz ve geliştiriciler WordPress eklentileri ve temaları oluştururken bu dilleri kullanırlar.
- JavaScript kullanıcının tarayıcısında çalışır ve web sitenize kaydırıcılar, uyarılar, düğmeler, açılır pencereler ve daha fazlası gibi etkileşimli öğeler eklemek için kullanılır.
- CSS (Basamaklı Stil Sayfaları), yazı tiplerinin boyutu ve rengi, arka plan rengi ve sayfanın genişliği gibi sitenizin görsel görünümünü tanımlamak için kullanılır.
Bir web sitesi sahibiyseniz ve belirli yazılara ve sayfalara JavaScript ve CSS eklemek istiyorsanız, wp_enqueue kullanmanız gerekmeyecektir. Bunun yerine, bir WordPress web sitesine kod eklemenin en güvenli yolu olduğu için WPCode kod parçacıkları eklentisini kullanmanızı öneririz.
WordPress sitenize nasıl kolayca JavaScript ekleyebileceğiniz ve nasıl kolayca özel CSS ekleyebileceğinizle ilgili kılavuzlarımızda daha fazla bilgi edinebilirsiniz.
Ancak, bir geliştiriciyseniz veya WordPress eklentileri ve temaları oluşturmayı öğreniyorsanız, JavaScript dosyalarını ve CSS stil sayfalarını projelerinize uygun şekilde sıralamanız gerekecektir.
WordPress Enqueue Sistemi Nasıl Çalışır?
Yeni geliştiriciler, eklentilerinde ve temalarında komut dosyalarını ve stil sayfalarını doğrudan çağırma hatasına düşebilirler. Bu, çakışmalara yol açabilir ve WordPress performansına zarar verebilir.
Bu sorunlardan kaçınmak için WordPress bir enqueue sistemi sağlar. Bu, geliştiricilere komut dosyalarını ve stil sayfalarını yüklemek için bir yol sunar, böylece her şey doğru ve çakışma olmadan çalışır.
Sıralama sistemi şu şekilde çalışır:
- İlk olarak,
wp_registerişlevini kullanarak komut dosyasını veya stil sayfasını kaydetmeniz gerekir, böylece WordPress var olduğunu ve nerede bulacağını bilir. - Ardından, wp_enqueue işlevini kullanarak komut dosyalarını ve stil sayfalarını sıraya koyarsınız ve bu, WordPress’in bunları yüklemek istediğinizi bilmesini sağlar.
- Ardından, sayfa yüklendikten sonra WordPress, her şeyin düzgün çalıştığından emin olmak için sıraya alınmış komut dosyalarını doğru sırada yükleyecektir.
WordPress’te JavaScript ve stillerin nasıl doğru şekilde ekleneceğine ilişkin kılavuzumuzda daha fazla bilgi edinebilirsiniz.
Kod Örnekleri
WordPress’e bir dosyanın ne zaman yükleneceğini, nerede bulunacağını ve bağımlılıklarının neler olduğunu söylemek için wp_enqueue_script ve wp_enqueue_style işlevlerini kullanabilirsiniz.
WordPress enqueue sisteminin nasıl kullanılacağını gösteren bazı yararlı kod örneklerini görmek isteyebilirsiniz.
WordPress’te komut dosyalarını düzgün bir şekilde yüklemek için eklenti dosyalarınıza veya temanızın functions.php dosyasına yapıştırabileceğiniz bazı örnek kodlar aşağıda verilmiştir:
?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>
Ve işte stil sayfalarınızı nasıl enqueue edeceğinize dair bir örnek:
<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_style('my_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );
?>
Bu kod örneklerinin tam açıklamaları için lütfen WordPress’te JavaScript ve stillerin nasıl doğru şekilde ekleneceğine ilişkin kılavuzumuza bakın.
Umarız bu makale WordPress’te wp_enqueue hakkında daha fazla bilgi edinmenize yardımcı olmuştur. Yararlı WordPress ipuçları, püf noktaları ve fikirleriyle ilgili makaleler için aşağıdaki Ek Okuma listemize de göz atmak isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
