WordPress Javascript Dosylarına Dil Desteği Eklemek

Wordpress sisteminde eklenti ve temalarda kullanılan i18n özelliği sayesinde farklı dil ve seçenekler sunmak oldukça kolay oluyor. Aslında bu yaptığımız çevirilerin sebebi bir çok dile ve bir çok insana ulaşabilmektir. Bunun ingilizcede adı Internationalization yani Türkçe’de Ulusal yapmak. Bu işlemleri yaparken yardım alacağınız açık bir wordpress sitesi linki budur : https://developer.wordpress.org/themes/functionality/internationalization/ Php tarafında dil seçeneği eklemek için şu şekilde yapıyoruz geneldi ” __( ‘Anasayfa’,’theme_name’)  ” iki alt tire ile başlayıp parentez içine bu şekilde yazmış olduğumuz kodlar aslında theme_name tarafından hazırlanmış bir ulusal yapma işlemidir. Bu kodu koyduğumuz yeri po editor buluyor ve hangi dile çevireceksek karşılığını yazıyoruz. Bu saya de dil çevirilerine kolayca yapıyoruz. Ancak konumuz olan javascript kodlarına dil seçeneği eklemek için aşağıdaki kodları kullanabiliriz. Wordpress için yapmış olduğumuz temada site açılınca alert ile siteye hoşgeldiniz uyarısı versin. Ancak bu uyarı herhangi bir dile çevrilebilsin. 1- Öncelikle welcome.js isimli dosyamızı sitemize ekleyelim.
function korkmaz_load_scripts() { 

	wp_enqueue_script('korkmaz', get_template_directory_uri(__FILE__). '/js/welcome.js'); 
} 


add_action('wp_enqueue_scripts', 'korkmaz_load_scripts');
?>
2- Yukarıda belirttiğimiz welcome.js dosyamızın içeriği de bu şekildedir.
	document.addEventListener('DOMContentLoaded', function(){

              alert('Siteye Hoşgeldiniz'); 
		
	});?>
3- Artık sitemize girdiğimizde direk karşımıza alert ile hoşgeldiniz uyarısı geliyor. 4- Ancak biz istiyoruz ki wordpress te seçili dil ne ise alert uyarısı o dile çevrilsin. Bunun için eklemiş olduğumuz js dosyasına localize işlemi uygulayarak uyarıya çevirilebilme özelliği katmış olacağız.
function korkmaz_load_script_dil() {

   wp_localize_script('korkmaz', 'dil_cevirisi', array('hosgeldinuyarisi' => __('Hey! Welcome To Website', 'themes_name')));

}

add_action('wp_enqueue_scripts', 'korkmaz_load_script_dil');
5- Artık javascript dosyamızda dilcevirisi.hosgeldinuyarisi kullanarak javascript dosyalarımızın içinde bulunan cümleleri yada kelimeleri çevrilebilir hale getirebiliyoruz. Yani scriptimizde bulunan Yazı bölümlerine dilcevirisi.hosgeldinuyarisi yazdığımızda localize işleminde yaratmış olduğumuz dilcevirisi dizesine gidip hosgeldinuyarisi yazan keyin valuesini ekrana yazdırıyor. Value önünde __() php de kullandığınız dil desteği özelliğini de ekleyerek po editor ile bu cümlenin bulunmasını sağlıyor ve hangi dile çevirmek istiyorsak o dile çeviriyoruz. İki numaradaki welcome.js dosyamızdaki kodumuzu düzenleyerek dil desteğimizi ekliyoruz
document.addEventListener('DOMContentLoaded', function(){

    alert(dilcevirisi.hosgeldinuyarisi); 

});
6- Örnek olarak artık bu kodları eklediğimizde her siteyi açtığımızda karşımıza Hey! Welcome To Website çıkacak. Bu default bir değer. Çünkü localize işleminde bu yazıyı verdik.  Eğer bu yazının Türkçe dil çevirisi bulunuyorsa çeviride yazan değer ile değişecek. +

Bir yorum bırak

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir