wordpress yazılara ve sayfalara javascript ekleme üç yöntem detaylı anlatım - SADIK ÖZDOĞAN KİŞİSEL BLOĞU - SADIK ÖZDOĞAN KİŞİSEL BLOĞU
Okuma süresi: 4 dk, 18 sn
Yazar sadık özdoğan / wordpress
2 kişi beğendi.
303 kere okundu}
17 Aralık 2021

wordpress yazılara ve sayfalara javascript ekleme üç yöntem detaylı anlatım

wordpress yazılara ve sayfalara javascript ekleme üç yöntem detaylı anlatım

WordPress yazılara ve sayfalara javascript ekleme üç yöntem detaylı anlatım

Merhaba değerli okurlarım!
Bu yazımda sizlere wordpress yazılarınıza ve sayfalarınıza kolaylıkla nasıl javascript kodlarını ekleyeceğinizi anlatacağım.
Wordpress yazılarınıza ve sayfalarınıza javascript kodu eklemenin üç yönteminden bahsedeceğim. bu yazımın sonunda artık gerek duyduğunuz durumlarda wordpress yazılarınıza ve sayfalarınıza javascript kodlarınızı ekleyebileceksiniz.
Bu yazımda nelere değineceğimden kısaca bahsetmek istiyorum.
İlk olarak javascript nedir sorusuna kısa bir şekilde cevap arıyacağız.
Üst bilgi ve alt bilgi yöntemiyle site geneline javascript ekleme.
Manuel olarak javascript ekleme.
Eklenti kullanarak yazıların ve sayfaların içerisene javascript ekleme.
Bu başlıklar altında wordpress sitenize nasıl javascript ekleyeceğinizi öğreneceksiniz.
Dilerseniz öncelikle javascript hakkında kısa bir bilgi vererek başlayalım.

Javascript nedir?

Javascript, istemci (web tarayıcı) tabanlı bir programlama dilidir. Javascript ile uygulamalarınızı geliştirebilir ve html sayfalarınıza dinamizm katmak için kullanabilirsiniz.
Günümüzde javascript'in geldiği noktaya bakarsak eğer; web dünyasının vazgeçilmezi haline gelmiştir.
Zengin kütüphaneleri ile web sayfalarınızı daha dinamik bir hale getirebilir ve sayfalarınızı zenginleştirebilirsiniz.
Aşırı javascript kullanımı sayfanıza yorar ancak javascriptsiz bir web dünyasıda kesinlikle düşünülemez. bu yüzden javascript dilini mutlaka biliriz ve kullanırız.
Wordpress sayfanıza doğrudan bir javascript dökümanını ekleyemez ve kullanamazsınız. Javascript eklemek için kullanılan üç yöntemi öğreneceğiz ve bu yöntemleri kullanarak sayfamıza gerektiği zaman javascript kodları ekleyebileceğiz.

Üst bilgi ve alt bilgi yöntemini kullanarak sayfa geneline javascript ekleme

Bazı durumlarda üçüncü taraf bir araç eklemek için web sitenize bir JavaScript kod parçasını kopyalayıp yapıştırmanız istenmektedir. Bu komut dosyaları genellikle web sitenizin body etiketinden önce baş bölümüne veya en alt kısma eklenir.
Bu şekilde eklenen bir kod parçası tüm sayfaya etki edecektir.
Örnek verecek olursak: web sayfanıza ekleyeceğiniz bir sayaç izleme kodu yukarıda bahsettiğim yöntem ile eklenir ve tüm sayfanıza etki etmesi gerekmektedir.
Peki javascript kodunu tüm sayfalarınıza etki edebilmesi için nasıl ekleyebiliriz?

Tema dosyalarınıza javascript kod ekleme

WordPress tema dosyalarını düzenleyerek javascript kod parçalarınızı çalıştırabilirsiniz.
İki farklı yöntem ile tema dosyalarınıza kod ekleyebilirsiniz:

Tema düzenleyici ile javascript kodu ekleme

Tema düzenleyici ile javascript kodlarınızı ekleyebilirsiniz.
Wp-yönetim panelinize erişim sağladıktan sonra görünüm sekmesi altında yer alan düzenleyici bağlantısını kullanarak header.php üst kısım için, footer.php alt kısım için. hangi kısma ekleyeceksiniz o dosyayı seçerek javascript kodlarınızı ekleyip dosyayı güncelleyin.
Temanıza güncelleme yaptığınızda eklediğiniz kodlar silinecektir.

Ftp üzerinden temaya javascript kod ekleme

Temanızı düzenlemenin bir diğer yoluda ftp ile wordpress dosyalarına erişim sağlayarak düzenleme yapmaktır.
Dosya düzenlemenin en güvenli yoludur aslında, kesinlikle bu yöntemi tercih etmenizi tavsiye ederim.
Ftp erişimi sağlayarak wp-content/themes klasöründeki mevcut temanıza erişim sağlayın.
Javascript kodunuzu üst kısma eklemek için, header.php dosyasına yapıştırın.
Web sitenizin alt kısmına ekleyeceğiniz bir javascript kodunuz varsa footer.php dosyasına yapıştırmanız yeterli olacaktır.
Temanızı değiştirdiğinizde yeni temanıza aynı şekilde uygulamanız gerekir. Tema güncellemesi yaptığınız taktirde javascript kodlarınız silinecek ve çalışmayacaktır.
Javascript kodunuzu her koşulda çalıştırmak için bir eklenti kullanmanız gerekecektir.

Eklenti kullanarak javascript ekleme

Bir eklenti yardımıyla sayfalarınıza ve ya yazılarınıza javascript kodlarını kolaylıkla dail edebilirsiniz. ister sayfanızın tümüne etki etsin, istersenizde belli bir bölüme etki etsin nasıl isterseniz o şekilde kullanabilirsiniz.
Sayfalarınıza ve ya yazılarınıza javascript eklemek için kullanacağınız güzel ve kullanışlı bir eklentiden bahsedeceğim.
eklentimizin ismi
code-embed
eklentisidir.
Eklentiyi code-embed olarak wordpress arama dizininde aratın ve yükleyin. Eklentiyi yükledikten sonra etkinleştirin.
Hangi sayfaya ve ya yazıya javascript kodu ekleyecekseniz yeniden düzenlemeniz gerekmektedir. yazı düzenleme sayfasında eklentiye ait özel alanı bulabilir ve gerekli düzenlemeleri yaptıktan sonra yazınızı yayımlayabilirsiniz.
Eklenti için extra bir ayar yapmanıza gerek yoktur. bu son yöntem ile rahatlıkla sayfalarınza, yazılarınıza javascript kodlarınızı ekleyebilir ve sorunsuzca kullanabilirsiniz.
Bu yazımda sizlere wordpress yazılara ve sayfalara javascript eklemeyi anlatmaya çalıştım. soru ve sorunlarınızı yorum olarak bana iletebilirsiniz. iyi bloglamalar herkese.

Bir önceki yazımız olan wordpress arama sistemini değiştirme tüm detaylarıyla başlıklı makalemizde google özel arama sistemi ekleme, sadık özdoğan wordpress arama sistemini değiştirme detaylı anlatım ve wordpress arama sistemini değiştirme detaylı anlatım hakkında bilgiler verilmektedir.

2 kişi beğendi.

sadık özdoğan Hakkında

2015 yılından itibaren sadece wordpress üzerine çalışmalar yürütmekteyim. bu blogla birlikte tüm deneyimlerimi siz okurlarıma aktarmaya çalışacağım.

Yorum Yazın




*

code

site içi arama

sadık özdoğan
Yorumunuz için teşekkür ederim.
Plotter
En çok tercih edilenleri belirtmişsiniz gerçekten faydalı bir makale olmuş ellerinize sağlık.
sadık özdoğan
Allah sendende razı olsun kardeşim. sizlerin bilgilenmesi beni mutlu eder kardeşim.

Yukarı