WordPress’e javascript ve stil eklemenin doğru yolu
Bu makalede, WordPress’te javascript ve stilin nasıl doğru ekleneceğini göreceğiz. Yalnızca kendi web siteleri için kod yazmayı ve eklentileri geliştirmeyi veya çeşitli pazarlarda satan ve iyi iadeler elde etmeyi seven birçok yeni WordPress geliştiricisi var. Kod yazmanın çeşitli yolları vardır, ancak kodu verimli bir şekilde yazmanın tek yolu vardır. On değil iki satırda bir kod yazabilirseniz, çok fazla işlem ve bellek kaydedersiniz. Mümkünse küçük ve hafif web siteleri için önemli değil, ancak ağır web siteleri için çok anlamlı olabilir.
Net bir kod yazmaz ve mevcut kaynakları verimli bir şekilde kullanmazsanız, diğer programlar için birçok çatışma oluşturacaksınız. Örneğin, eklentiniz için WordPress’te harici kullanmaya hazır JavaScript’i yüklemenin çeşitli yolları vardır. Ancak doğru standartlara uymazsanız, tüm etkinleştirilmiş eklentiler trafik sıkışıklığı ciddi bir şekilde olabilir. Bu makale esas olarak WordPress temaları ve eklentileri geliştirmek isteyen yeni WordPress geliştiricileri içindir. Kodu doğru bir şekilde yapmadığınız sürece, kodunuz profesyonelce olmaz ve ne olursa olsun, konsept ne kadar iyi olursa olsun, asla kabul edilemezsiniz.
Bu nedenle, WordPress’e javascript ve stilin nasıl doğru ekleneceğini öğrenmek daha iyidir. JavaScript Ekleme Hataları Bazılarınız, WordPress’in başlık başlık bölümüne herhangi bir şey yüklemenize yardımcı olan WP_HEAD adlı bir işlevi olduğu gerçeğinin farkında olabilirsiniz. Yapmanız gereken tek şey komut dosyalarınıza aşağıdaki kod satırlarını eklemektir ve header.add_action’da (‘wp_head’, ‘wpb_bad_script’) herhangi bir şey görünecektir;
Echo ‘JQuery buraya girdi’;
}
Bu bir şey eklemek için bir kısayoldur, ancak bu en iyi yol değildir. Kısayolu atmak için doğru standartları takip etmelisiniz ve bu resmin özü budur.
Örneğin, eklentinize JQuery’yi manuel olarak yüklersiniz ve diğer geliştiriciler aynı jQuery’yi manuel olarak veya doğru standartlarla içerir. Birisi iki eklentinizi etkinleştirdiyse, jQuery iki kez bellekte bir israf olan yüklenir. Ayrıca, jQuery sürümde farklı şekilde yüklenirse, eklentide çatışma nedeniyle birçok rahatsızlık olacaktır. Herhangi bir kod yazmadan önce WordPress’e javascript ve stilin nasıl doğru ekleneceğini bilmeniz gerekir. Bu hatalardan nasıl kaçınılır – Enqueue fonksiyonu kavramı? Bildiğiniz gibi, WordPress geliştirici topluluğu büyük ve güçlü bir topluluktur. Her gün yeni tema ve eklenti geliştiren binlerce ve binlerce geliştirici var.
Ancak, kodlama yöntemiyle asla birbirleriyle bir çatışma olmamasını sağlamak için yaptıkları enqueue betiği işlevidir.
Bu, WordPress’e javascript ve stil eklemekten sorumlu bir işlevdir, böylece hiçbir zaman gereksiz belleğin çatışması ve engellenmesi olmaz. Bu, JavaScript ve stil yüklemenin sistematik bir yolunu sağlar. QP_ENQUQUE_FUNCTICT’in işlevi, JavaScript’i yüklemeniz gerektiğinde ve özellikle hangi koşullarda ve hangi koşullar altında bu stili yüklemeniz gerektiğini söyler. Aynı dosya tekrar tekrar. Bunun nedeni, Enqueue işlevinin WordPress’in kendisine dahil olan doğuştan gelen kütüphaneyi kullanmanıza izin vermesidir. Bu aynı zamanda yavaş olan açılış sayfalarının yükünü de azaltacaktır, çünkü manuel olarak JavaScript yüklemesi yoktur. WordPress’te javascript ve stil eklemek için adımlar-
wp_enqueue_script (‘my_amazing_script’);
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_adding_scripts’);
Komut dosyası kodunun açıklaması, beş farklı parametreye sahip olan WP_REGISTER_SCRIPT () işlevi aracılığıyla kaydedilir. 1. $ Hands – Bu, komut dosyaları için benzersiz bir isimdir. Burada ‘my_amazing_script’. 2. $ SRC – Bu, komut dosyanızın konumunu belirler. Plugins_url kitaplığının işlevi, eklenti klasörünüzden doğru URL’yi alır. Alındıktan sonra, içinde Amazing_script.js dosyasını aramaya başlayacaktır. $ Deps – Bağımlılığı tanımlar. WordPress’ten JQuery gibi kütüphane komut dosyasını yüklemesini istediğinizde eklemeniz gerekir. Komut dosyası belleğe yüklenmişse, komut dosyası tekrar yüklenmez ve yeni yükleme gerçekleştirilir. Bu, çatışma olmamasını, hafıza tıkanması olmamasını ve zaman kaybetmemesini sağlar. 4. $ ver – Bu, komut dosyası sürüm numarasını tanımlar. Bu zorunlu değil. 5. $ in_footer – Altbilgideki komut dosyalarını yüklemek için kullanılır. Komut dosyasını başlığa yüklemek istiyorsanız, False’da tutmalısınız. Her şey belirlendikten sonra, komut dosyasını wp_enqueue_script () ile arayabilirsiniz.
2. WordPress’teki Enqueue Style, JavaScript ile aynıdır, stil sayfası için sıraya girmeniz gerekir. Bir tema oluşturmak için eklenti dosyanızda veya function.php dosyanızda aşağıdaki kod parçalarını kullanın. Wpb_adding_styles ()
wp_register_script (‘my_stylesheet’, plugins_url (‘my-stylelesheet.css’, __file__));
wp_enqueue_script (‘my_stylesheet’);
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_adding_styles’);
Bir eklenti yaptığınızda yukarıdaki kod uygundur. Bir tema oluşturduğunuzda, eklentileri_url () olarak get_template_directory_uri () olarak değiştirmeniz gerekir. Gerisi tamamen aynı kalacak.
Wpb_adding_scripts () function () {
wp_register_script (‘my_amazing_script’, get_template_directory_uri (). ‘/js/1amazing_script.js’, dizi (‘jQuery’), ‘1.1’, true); wp_enqueue_script (‘my_amazing_script’);
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_adding_scripts’);
Bir çocuk teması oluşturursanız, get_template_directory_uri () yerine get_stylesheet_direcroy_uri () kullanmanız gerekir.Bu, WordPress’e javascript ve stil eklemenin standart bir yoludur.Eklentiniz veya temanız rahatsızlıkla karşı karşıya kalırsa, kodu yukarıda belirtilen kod satırıyla değiştirmelisiniz ve belki de bozukluk çözülecektir.
Diğer başarılı geliştiricilerle aynı sayfada olmak için her zaman dünya çapında izlenen kodlama standartlarını takip edin.
Net bir kod yazmaz ve mevcut kaynakları verimli bir şekilde kullanmazsanız, diğer programlar için birçok çatışma oluşturacaksınız. Örneğin, eklentiniz için WordPress’te harici kullanmaya hazır JavaScript’i yüklemenin çeşitli yolları vardır. Ancak doğru standartlara uymazsanız, tüm etkinleştirilmiş eklentiler trafik sıkışıklığı ciddi bir şekilde olabilir. Bu makale esas olarak WordPress temaları ve eklentileri geliştirmek isteyen yeni WordPress geliştiricileri içindir. Kodu doğru bir şekilde yapmadığınız sürece, kodunuz profesyonelce olmaz ve ne olursa olsun, konsept ne kadar iyi olursa olsun, asla kabul edilemezsiniz.
Bu nedenle, WordPress’e javascript ve stilin nasıl doğru ekleneceğini öğrenmek daha iyidir. JavaScript Ekleme Hataları Bazılarınız, WordPress’in başlık başlık bölümüne herhangi bir şey yüklemenize yardımcı olan WP_HEAD adlı bir işlevi olduğu gerçeğinin farkında olabilirsiniz. Yapmanız gereken tek şey komut dosyalarınıza aşağıdaki kod satırlarını eklemektir ve header.add_action’da (‘wp_head’, ‘wpb_bad_script’) herhangi bir şey görünecektir;
Echo ‘JQuery buraya girdi’;
}
Bu bir şey eklemek için bir kısayoldur, ancak bu en iyi yol değildir. Kısayolu atmak için doğru standartları takip etmelisiniz ve bu resmin özü budur.
Örneğin, eklentinize JQuery’yi manuel olarak yüklersiniz ve diğer geliştiriciler aynı jQuery’yi manuel olarak veya doğru standartlarla içerir. Birisi iki eklentinizi etkinleştirdiyse, jQuery iki kez bellekte bir israf olan yüklenir. Ayrıca, jQuery sürümde farklı şekilde yüklenirse, eklentide çatışma nedeniyle birçok rahatsızlık olacaktır. Herhangi bir kod yazmadan önce WordPress’e javascript ve stilin nasıl doğru ekleneceğini bilmeniz gerekir. Bu hatalardan nasıl kaçınılır – Enqueue fonksiyonu kavramı? Bildiğiniz gibi, WordPress geliştirici topluluğu büyük ve güçlü bir topluluktur. Her gün yeni tema ve eklenti geliştiren binlerce ve binlerce geliştirici var.
Ancak, kodlama yöntemiyle asla birbirleriyle bir çatışma olmamasını sağlamak için yaptıkları enqueue betiği işlevidir.
Bu, WordPress’e javascript ve stil eklemekten sorumlu bir işlevdir, böylece hiçbir zaman gereksiz belleğin çatışması ve engellenmesi olmaz. Bu, JavaScript ve stil yüklemenin sistematik bir yolunu sağlar. QP_ENQUQUE_FUNCTICT’in işlevi, JavaScript’i yüklemeniz gerektiğinde ve özellikle hangi koşullarda ve hangi koşullar altında bu stili yüklemeniz gerektiğini söyler. Aynı dosya tekrar tekrar. Bunun nedeni, Enqueue işlevinin WordPress’in kendisine dahil olan doğuştan gelen kütüphaneyi kullanmanıza izin vermesidir. Bu aynı zamanda yavaş olan açılış sayfalarının yükünü de azaltacaktır, çünkü manuel olarak JavaScript yüklemesi yoktur. WordPress’te javascript ve stil eklemek için adımlar-
1. WordPress’te Enqueue betiği aşağıdaki kod satırı, WordPress ile birlikte dahil edilen varsayılan JavaScript paketini içerir. Bir eklenti oluşturduğunuzda veya bir tema oluşturursanız function.php’ye yerleştirmeniz gerekir.
Wpb_adding_scripts () function () {
wp_enqueue_script (‘my_amazing_script’);
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_adding_scripts’);
Komut dosyası kodunun açıklaması, beş farklı parametreye sahip olan WP_REGISTER_SCRIPT () işlevi aracılığıyla kaydedilir. 1. $ Hands – Bu, komut dosyaları için benzersiz bir isimdir. Burada ‘my_amazing_script’. 2. $ SRC – Bu, komut dosyanızın konumunu belirler. Plugins_url kitaplığının işlevi, eklenti klasörünüzden doğru URL’yi alır. Alındıktan sonra, içinde Amazing_script.js dosyasını aramaya başlayacaktır. $ Deps – Bağımlılığı tanımlar. WordPress’ten JQuery gibi kütüphane komut dosyasını yüklemesini istediğinizde eklemeniz gerekir. Komut dosyası belleğe yüklenmişse, komut dosyası tekrar yüklenmez ve yeni yükleme gerçekleştirilir. Bu, çatışma olmamasını, hafıza tıkanması olmamasını ve zaman kaybetmemesini sağlar. 4. $ ver – Bu, komut dosyası sürüm numarasını tanımlar. Bu zorunlu değil. 5. $ in_footer – Altbilgideki komut dosyalarını yüklemek için kullanılır. Komut dosyasını başlığa yüklemek istiyorsanız, False’da tutmalısınız. Her şey belirlendikten sonra, komut dosyasını wp_enqueue_script () ile arayabilirsiniz.
2. WordPress’teki Enqueue Style, JavaScript ile aynıdır, stil sayfası için sıraya girmeniz gerekir. Bir tema oluşturmak için eklenti dosyanızda veya function.php dosyanızda aşağıdaki kod parçalarını kullanın. Wpb_adding_styles ()
wp_register_script (‘my_stylesheet’, plugins_url (‘my-stylelesheet.css’, __file__));
wp_enqueue_script (‘my_stylesheet’);
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_adding_styles’);
Bir eklenti yaptığınızda yukarıdaki kod uygundur. Bir tema oluşturduğunuzda, eklentileri_url () olarak get_template_directory_uri () olarak değiştirmeniz gerekir. Gerisi tamamen aynı kalacak.
Wpb_adding_scripts () function () {
wp_register_script (‘my_amazing_script’, get_template_directory_uri (). ‘/js/1amazing_script.js’, dizi (‘jQuery’), ‘1.1’, true); wp_enqueue_script (‘my_amazing_script’);
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_adding_scripts’);
Bir çocuk teması oluşturursanız, get_template_directory_uri () yerine get_stylesheet_direcroy_uri () kullanmanız gerekir.Bu, WordPress’e javascript ve stil eklemenin standart bir yoludur.Eklentiniz veya temanız rahatsızlıkla karşı karşıya kalırsa, kodu yukarıda belirtilen kod satırıyla değiştirmelisiniz ve belki de bozukluk çözülecektir.
Diğer başarılı geliştiricilerle aynı sayfada olmak için her zaman dünya çapında izlenen kodlama standartlarını takip edin.
