Temanızı Desteklemeyen Tarayıcılar İçin Çözümler

Ne kadar bir beş yıl öncesi kadar olmasa da bloglarımızın, sitelerimizin tasarımları bazı tarayıcılar tarafından desteklenmemekte, bazen küçük bazen de büyük hatalı gösterimlere sebep olmakta. Bu can sıkıcı gerçeğe karşı alınacak en doğru önlem kafanızdaki fikirlerin birkaçını heba edip tüm tarayıcılarda doğru şekilde gösterilecek bir tema sahibi olmak.

Bu tarayıcı ile uyumluluk o kadar önemli ki göz ardı etmek çok büyük yanlış olur. İstatistiklerinizde çıkan %0.4 oranlı tarayıcıyı kullanan ziyaretçilerin diğer %99.6 oranlı tarayıcıları kullananlara karşı daha önemsiz olduğunu düşünüyorsanız fevkalade yanılıyor olabilirsiniz.

Şimdi gelelim esas konumuza. Bir tema yaptınız/aldınız, gayet de mutlusunuz. Fakat farklı bir tarayıcıda ufak bir problem var. Ne bu ufak görüntü bozulması yüzünden tüm temayı yeniden kodlamak istiyorsunuz ne de o tarayıcıyı kullanan ziyaretçilerinize kötü bir görüntü sunmak istiyorsunuz. Çözüm WordPress‘imizin functions.php adlı dosyasında yapacağımız ufak bir değişiklikle mümkün.

<?php
add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
	global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

	if($is_lynx) $classes[] = 'lynx';
	elseif($is_gecko) $classes[] = 'gecko';
	elseif($is_opera) $classes[] = 'opera';
	elseif($is_NS4) $classes[] = 'ns4';
	elseif($is_safari) $classes[] = 'safari';
	elseif($is_chrome) $classes[] = 'chrome';
	elseif($is_IE) $classes[] = 'ie';
	else $classes[] = 'unknown';

	if($is_iphone) $classes[] = 'iphone';
	return $classes;
}
?>

Yukarıdaki kodu functions.php’ ye kopyaladığınızda body tag’ınız “safari”yle web sitenizi ziyaret eden birinde aşağıdaki gibi görünecektir:
<body class=”home blog logged-in safari”>

Ve tahmin edeceğiniz gibi şu dakikadan sonra size style.css’nize girip bu class’lar için istediğiniz farklı tasarımı veya düzeltmeyi yapmak düşüyor.

kaynak: http://www.nathanrice.net/blog/browser-detection-and-the-body_class-function/

Bunlar da İlginizi Çekebilir:

Bu yazı Kategorilenmemiş kategorisine gönderilmiş ve , , , , , , ile etiketlenmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

Temanızı Desteklemeyen Tarayıcılar İçin Çözümler için 4 cevap

  1. Geri izleme: Temanızı Desteklemeyen Tarayıcılar İçin Çözümler | Blog Blogu

  2. gevv der ki:

    Umarım bir gün tüm tarayıcılar belli standartları birlikte kullanır ben web master, tasarımcı değilim :) ama kendi sitemi tarayıcılara uydurmak için çok uğraştım birde işi tasarım olan kişileri düşünüyorum ve kolay gelsin diyorum :)

    Müşterinin her istediğini yapmak uyumsuz tarayıcılar yüzünden işkence haline geliyordur

  3. ygt der ki:

    @gevv
    dediklerine amin demekten başka yapılabilecek çok fazla şey yok sanırım=)

  4. numan der ki:

    teşekkürler bilgiler için.

Bir Cevap Yazın

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

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>