WordPresste İnternet explorer uyumluluk sorunu



Eğer Bir web sayfanız varsa yada herhangi bir hazır sistem kullanıyorsanız (wordpress , joomla , drupal…) yeni çıkan tarayıcılarla beraber uyumluluk problemleri de başgösterebilir mesela internet

explorer 9 çıktığında birçok web sayfası uyumluluk sorunu yaşadı (mesela tablolar yada yazılarda kayma vs.) eğer sizde bu dertten muzdaripseniz bu yazımız sorununuzu çözebilir , öncelikle web sayfanızda böyle bir uyum sorunu varmı nasıl anlarsınız ona bakalım , internet explorer 9 u açıp sayfanızı ziyaret edin (ki üst versionlarında da aynıdır) eğer adres barının sonunda yırtık bir sayfa simgesi görüyorsanız sayfanızın kullandığınız internet explor sürümü ile bir uyum sorunu var demektir (aşağıdaki resim)

Şimdi bu küçük yıtık sayfa ikonuna birkez tıklayalım (mavi hale gelecektir) yani uyumluluk görünümü disable hale gelecektir.

işte sayfanızın tablolarına resimlerine vs birde bu şekilde bakın bakalım kayma vs. varmı (Muhtemelen vardır) bu sorunu en kestirmeden çözmek için küçük bir meta etiketi kullanacağız çünkü internet explorer default olarak sayfanızın DOCTYPE kısmını okuyup onu nasıl görüntüleyeceğine karar verir eğer wordpress altyapısı kulanıyor ve temanız eski ise bu uyumluluk sorununu gidermek için aşağıdaki yere gidelim

wp-content\themes\Wordpress temanızın ismi\header.php

WordPress temanızın ismi kısmı her kullanıcı için değişecektir o nedenle buraya mevcut tema isminizi giriniz header.php yi sağ tıklayıp notepad ile açalım ve aşağıdaki kodu Meta etiketlerinin arasına yapıştıralım

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

Böylece internet explorerimiz (bendeki 9) sayfayı internet explorer 8 uyumluluk modunda görüntüleyecektir. Kodu biraz daha ayrıntılandırırsak

<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />

üstteki kod IE7 ve IE8 i IE7 gibi render eder fakat IE9 u normal render eder

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Üstteki kod ile IE8 e göre render işlemi sağlanacaktır , bir diğer kullanım şekli en başta verilmişti

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Üstteki kod ile tarayıcıyı en son version standartlarında görüntülemeye zorlar mesela Google’s CDN de yeralan jQuery gibi fakat bunun tehlikesi henüz tamamlanmamış ve deneme aşamasında olan en son standartlardan bazılarının görüntülenmede sıkıntılara yolaçabilmesidir

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

üstteki ile ise sitenin başka mherhangi birşeyden etkilenmeden ChromeFrame de görüntülenmesini sağlar , bu konular hakkında daha ayrıntılı bilgiye Buradan ulaşabilirsiniz

Bu sayede sayfalarımızdaki uyumluluk sorununu kestirmeden halletmiş oluyoruz.


2 Yorum Var

Yorum Ekle

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

Captcha