WordPress temasına JavaScript’i doğru şekilde ekleyin
Eklenti veya WordPress üst temasıyla çatışmayı önlemek için WordPress temanıza JavaScript eklemenin özel bir yolu vardır. Sorun şu ki, birçok “geliştirici” JavaScript dosyalarını doğrudan başlığı.php veya footer.php dosyasına çağırıyor. Bu kılavuzda, dosyanın doğrudan kafa etiketinize veya altbilginize yüklenmesi için javascript dosyasını nasıl doğru şekilde arayacağınızı göstereceğim. Bu şekilde dağıtım ve son kullanıcı için bir tema geliştirirseniz, komut dosyasını bir çocuğun temasıyla değiştirmek isterseniz, bunu yapabilirler veya madenleştirme/önbellekleme veya diğer optimizasyon eklentileri kullanırlarsa düzgün çalışırlar. Ve bir çocuk temasıyla çalışıyorsanız, komut dosyası, Header.php veya footer.php dosyasını, asla ihtiyaç duyulmaması gereken (iyi kodlanmış bir tema ile çalışırken) kopyalamadan doğru şekilde eklenir.
WordPress temasına javascript eklemenin yanlış yolu, aşağıda gösterildiği gibi header.php dosyanızda veya footer.php dosyanızdaki JavaScript’i çağırın, doğru yol değil ve bunu yapmamayı şiddetle tavsiye ederim, genellikle diğer eklentilerle çatışmaya neden olur ve bir şeyler yapmaz. CMS ile birlikte çalışırken asla iyi bir fikir değildir. wordPress temasına javascript eklemenin doğru yolu JavaScript eklemek daha iyidir. WordPress’in teması bunu wp_enqueue_script kullanarak function.php dosyası aracılığıyla yapmaktır.JavaScript’inizi yüklemek için wp_enqueue_scripts’in eylemlerini kullanmak, temanızı sorundan korumaya yardımcı olacaktır.
Wp_enqueue_script (‘my-script’, get_template_directory_uri (). ‘/Js/my-script.js’, array (), true) örnekleri;Yukarıdaki kod, sitenize my-script.js dosyasını yükleyecektir.Gördüğünüz gibi, yalnızca $ tutma ekliyorum, ancak komut dosyasına, sürüm numaranıza ve üstbilgiye veya altbilgiye yüklenip yüklenemeyeceğinize de bağımlılıklar ekleyebilirsiniz (varsayılan başlıktır).WP_enqueue_script () işlevi, herhangi bir tema veya eklenti şablonu dosyalarında teknik olarak kullanılabilir, ancak genel komut dosyasını yüklerseniz, bunu işlevinize veya özel olarak konuma yüklemeyi amaçlayan ayrı bir dosyaya yerleştirmek istersiniz. .Ancak komut dosyasını yalnızca belirli bir şablon dosyasına yüklemek istiyorsanız (örneğin bir galeri gönderisinde), işlevi doğrudan şablon dosyasına yerleştirebilirsiniz, ancak kişisel olarak tüm komut dosyalarını tek bir yerde saklamayı ve gereksinimleri kullanmanızı öneririm Komut dosyasını gerektiği gibi yüklemek için.
WordPress’i işe alan komut dosyası, WordPress hakkında harika bir şey, temanızın geliştirilmesinde kullanabileceğiniz yayınlanmış ve kaydedilmiş birçok komut dosyası olmasıdır. Örneğin, hemen hemen her projede kullanılan jQuery her zaman WordPress’ten yayınlanmalı ve Google gibi üçüncü taraf sitelerinde hiç yayınlanmamalıdır. Bu nedenle, projenize özel bir komut dosyası eklemeden önce, WordPress’e dahil olmadığından emin olmak için kayıtlı komut dosyalarının listesini kontrol edin ve evet ise, kendinizi kaydetmek yerine yüklemeniz gerekir. Önceki WordPress Enqueue Hook’u kullanarak, komut dosyasını sitenize yüklemek için gereken işlevlerden bahsediyoruz, ancak, function.php dosyası gibi tövbe etmeyen dosyalarla çalışırken, bu işlevi sağa bağlı diğer işlevlere eklemelisiniz. WordPress Hooks, bu yöntemle, komut dosyanızın çocuğun temasını kullanırken WordPress, 3. taraf eklentisi ve ana temanız tarafından kaydedilen diğer tüm komut dosyalarına kayıtlı olmasıdır. WordPress, senaryonunuzu aramak için kullanabileceğiniz iki farklı eylemi vardır.
wp_enqueue_scripts-ön uçta komut dosyasını yüklemek için kullanılan eylem
Admin_enqueue_scripts – WP yöneticisine komut dosyalarını yüklemek için kullanılan eylemler
İşte bir işlevin nasıl oluşturulacağına dair bir örnek (işlevinize eklenecek) ve ardından komut dosyasını aramak için bir WordPress kancası kullanın./** * bir komut dosyası */işlevi myprefix_enqueue_scripts () {wp_enqueue_script (‘my-script’, get_template_directory_uri (). ‘} Add_action (‘wp_enqueue_scripts’, ‘myprefix_enqueue_scripts’);Not: Komut dosyanızın konumunu belirlerken “get_template_directory_uri” işlevini nasıl kullandığımıza bakın.Bu işlev URL’yi tema klasörünüze yapar.Bir çocuk temasıyla çalışıyorsanız, bunun yerine “get_stylesheet_directory_uri” kullanmak isteyeceksiniz, böylece ana temayı değil çocuğunuzun temasına işaret edeceksiniz.
Bir satır JavaScript kodu ekleyin, komut dosyası etiketi aracılığıyla herhangi bir dosya şablonuna bir satır JavaScript ekleyebilseniz bile, özellikle bir çekirdek eklentisi veya tema kodu ise, kod satırınızı eklemek için WordPress kancalarını da kullanmalısınız. Aşağıda, sitenize bir satır komut dosyası eklemenin bir örneği: myprefix_add_inline_script () işlev {wp_add_inline_script (‘my-script’, ‘uyarısı (“merhaba dünya’); ‘,’ sonra ‘); } Add_action (‘wp_enqueue_scripts’, ‘myprefix_add_inline_script’); Yapılacak şey, daha önce kaydedilmiş olan “benim yazım” komut dosyasından sonra JavaScript satırınızı eklemektir. Wp_add_inline_script kullanırken, yalnızca kayıtlı bir komut dosyası öncesi veya sonra bir satır kodu ekleyebilirsiniz, böylece belirli bir komut dosyası kodunu değiştirmeye çalışırsanız, daha sonra WordPress temaları tarafından yüklendiğinden emin olun ve değilse, jQuery’yi yüklemek için wp_enqueue_script kullanabilirsiniz. WordPress tarafından gönderilen sürüm.
