WordPress’te iPhone versiyonunu otomatik olarak getirmek
Benim bu WordPress sevgim hiç bitmeyecek. 2012′nin ilk yazısını da kendisine ayırdım:-) Bir de üstüne iPhone sevdam eklenince tam oldu. Biliyorsunuz, artık bir çok web sitesinin iPhone versiyonu özel olarak hazırlanıyor. Çünkü müşterilerden bununla ilgili yoğun talep var. Neyse ki WordPress‘in kolay geliştirilebilir yapısı buna da imkan tanıyor. Temanızın Function.php dosyasına ekleyeceğiniz birkaç satır kod ile iPhone’a özel bir düzenleme yapmak mümkün. Bu düzenleme, sitenizin otomatik olarak iPhone versiyonu ile açılmasını sağlıyor.
WordPress’in iPhone versiyonları için araştırma yaparken karşılaştığım bu ipucu, bir çoğumuzun çok işine yarayacak. Aşağıdaki kodlar, iOS işletim sistemi kullanan mobil cihazlar (iPhone ve iPad) ile siteye girildiğinde Safari tarayıcısını algılıyor ve sitenin mobil versiyonu için hazırladığınız CSS dosyasını otomatik olarak çağırıyor. Böylece siteye iPhone ile girdiğimizde otomatik olarak mobil versiyonu karşımıza çıkıyor.
Function.php dosyasına yerleştirmeniz gereken bu kodu ve nasıl çalıştığı ile ilgili teknik detayları aşağıda görebilirsiniz.
iOS’ta Safari’yi otomatik algılamak
Aşağıdaki satırlar iOS işletim sistemi kullanan iPhone ve iPad’de web sitesinin mobil Safari ile açıldığını algılayarak, mobil versiyon için hazırlanan CSS dosyasını çağırmaya yarıyor. Bunu sağlayan ise $is_iphone değişkeni. Bu değişken ile common.css dosyası yerine mobil versiyonu için kullanılacak alternatif CSS olan iphone.css dosyasının, sitenin <head> bölümüne eklenmesi sağlanıyor. Bunu yaparken WordPress’in standard fonksiyonlarından biri olan wp_enqueue_style kullanılıyor.
|
1 2 3 4 5 6 7 8 9 10 |
add_action('wp_print_styles', 'ilc_enqueue_styles');
function ilc_enqueue_styles(){
global $is_iphone;
if( $is_iphone ){
wp_enqueue_style('iphone-css', get_stylesheet_directory_uri() . '/iphone.css' );
}
else{
wp_enqueue_style('common-css', get_stylesheet_directory_uri() . '/common.css' );
}
} |
Siz de WordPress sitenizin iPhone versiyonuna sahipseniz, yukarıdaki kodları temanızın Function.php dosyasına ekleyerek kullanabilirsiniz. Böylece, sitenizin bir köşesine “mobil versiyonu için tıklayınız” gibi bir link yerleştirmenize artık gerek duymayacaksınız.
Benzer Yazılar:
-
Hüseyin EREN
-
http://www.ozdtasarim.com/ Ozd Tasarım
Sponsorlar
