Sıfırdan bir WordPress teması geliştirir veya mevcut bir temayı değiştirirseniz, bir JavaScript dosyası eklemenin doğru yolunu bilmeniz gerekebilir..


JavaScript’i kafaya bağlayarak Web 1.0’ın eski okul yöntemini kullanmayı düşünüyorsanız, bu kötü bir fikir çünkü bugünlerde, insanların dinamik web sitelerine sahip olduğu Web 2.0 dönemi.

WordPress Tema Kodeksi kavramını ve bir JavaScript ile bir CSS dosyasının nasıl sıralanacağını anlamalısınız. Daha önce bir CSS dosyası eklemeyi tartıştık.

Yani, bu öğreticide, bir WordPress temasına dinamik olarak bir JavaScript dosyası eklemeyi öğreneceksiniz.

En son kodlama standardıyla eşleşmek için, zaman zaman güncellenmeye devam eden WordPress Codex’u her zaman izlemelisiniz. Kodlama becerilerine ihtiyacınız olup olmadığını merak ediyor olabilirsiniz..

Bu makaleyi aradıysanız, WordPress tema geliştirmenin temellerini zaten bildiğinizi varsayıyorum..

JavaScript Enqueuing Codex’ı öğrenin

Bir WordPress teması geliştirirken, birçok benzer işlevle karşılaşabilirsiniz. Gördüğünüz gibi, bir JavaScript dosyası eklemek için bir CSS dosyası eklemekle aynı işlevi kullanabilirsiniz.

JavaScript’in birçok kategorisi olduğu için biraz fark olsa da, yine de her şey zahmetsizdir. Sana göstereyim.

wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer);

Tüm parametreleri açıklayayım.

  1. Kolu, $:- JavaScript dosyasının adı.
  2. $ Src:- Dosyanın adresi.
  3. $Deps:- Bir dizi oluşturmak istiyorsanız,.
  4. ver, $:- JavaScript sürümünden bahsedebilirsiniz.
  5. in_footer, $:- Varsayılan olarak, değeri "yanlış" yani JavaScript dosyası kafaya eklenir.

Şimdi bu örneğe bir göz atın.

wp_enqueue_script (‘yeni komut dosyası’, get_template_directory_uri (). ‘/js/new-script.js/’, dizi ());

Dosya adı "my-komut" ve bir "js" Klasör.

Not: Web sitesinin performansını artırmak için altbilgi alanından yüklemek istiyorsanız, $ in_footer değeri "doğru."

Kod aşağıdaki gibi dönüşür.

wp_enqueue_script (‘yeni komut dosyası’, get_template_directory_uri (). ‘/js/new-script.js/’, dizi (), true);

Görev henüz bitmedi. Çalışması için bir işlev oluşturmanız ve bir eylem kullanmanız gerekir. Zaten bir CSS dosyası eklediyseniz aynı işlevi kullanabilirsiniz.

Size Tam Kodu Göstereyim.

functionmy_new_scripts {
wp_enqueue_script (‘yeni komut dosyası’, get_template_directory_uri (). ‘/js/new-script.js/’, dizi (), true);
}
add_action (‘wp_enqueue_scripts’, ‘my_new_scripts’);

Şimdi soru ortaya çıkıyor, böyle bir kodu nereye eklemeniz gerekiyor?

Bildiğiniz gibi, WordPress temanızın function.php dosyası, bir WordPress web sitesinin sahip olduğu tüm işlevlerden sorumludur, kodu dosyaya ekleyin ve kaydedin.

Mevcut temanızı değiştiriyorsanız, umarım cPanel’i kullanarak function.php dosyasına kolayca erişebilirsiniz. Günümüzde hemen hemen herWordPress hosting şirketi cPanel’e erişim sunuyor.

Sadece git dosya yöneticisi>>wp-content>>temalar>>tema adı>>functions.php. Düzenlemeyi seçmek için sağ tıklayın ve gitmeye hazırsınız.

WordPress Temasına Doğru Bir JavaScript Dosyası Nasıl Eklenir

WordPress işlevlerine ve PHP’ye aşina değilseniz kod düzenleme korkunç bir şey olabilir.

WordPress tema geliştiricisi için, yeni bir JavaScript dosyası eklemek web sitesini öncekinden daha dinamik hale getirebilir, gezinme menüsünün mobil sürümü için buna ihtiyacınız olabilir.

İhtiyaçlarınıza bağlı olarak bir JavaScript dosyası kullanabilirsiniz.

Umarım bir WordPress Temasına JavaScript Dosyası Eklemek Zor

Bir süre sonra insanlar WordPress kodlamasını okuduklarında endişelenmeye başlarlar. Ancak düzenli bir WordPress kullanıcısı için kodlarla uğraşmak gerekli değildir.

WordPress, teknisyen olmayan kişiler için geliştirilmiş kullanıcı dostu bir platformdur. Marketten bir WordPress teması satın alabilirsiniz.

Web’de milyonlarca tema var.

Sonuç

Eğitici ileri düzey kullanıcılar veya WordPress tema geliştirme hakkında bilgi edinmek isteyenler içindir. Kodlama becerilerinizi artırmak her zaman iyi bir fikirdir.

Umarım bir JavaScript dosyası eklemek insanların söylediği kadar zor değildir.

Bu en iyi 3 WordPress barındırma hizmetine göz atın:

FastComet

Başlangıç ​​fiyatı:
$ 2.95


Güvenilirlik
9.7


Fiyatlandırma
9.5


Kullanıcı dostu
9.7


Destek
9.7


Özellikleri
9.6

Yorumları oku

FastComet’i ziyaret edin

Hostinger

Başlangıç ​​fiyatı:
$ 0.99


Güvenilirlik
9.3


Fiyatlandırma
9.3


Kullanıcı dostu
9.4


Destek
9.4


Özellikleri
9.2

Yorumları oku

Hostinger’ı ziyaret edin

A2 Hosting

Başlangıç ​​fiyatı:
$ 3,92


Güvenilirlik
9.3


Fiyatlandırma
9.0


Kullanıcı dostu
9.3


Destek
9.3


Özellikleri
9.3

Yorumları oku

A2 Hosting’i ziyaret edin

İlgili Nasıl Yapılır Makaleleri

  • CPanel Kullanarak WordPress Temasına CSS Dosyası Düzgün Ekleme
    uzman
  • WordPress’teki Tüm Kullanıcıları Aynı Anda Nasıl Kapatabilirim
    orta düzey
  • WordPress Websitenizin .htaccess dosyasını cPanel kullanarak düzenleme
    acemi
  • CPanel’den Softaculous Kullanarak WordPress’e Giriş Yapma
    orta düzey
  • WordPress Medya Kitaplığında Görünen Bir HTTP Hatası Nasıl Onarılır
    acemi
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me