آموزش : نمايش يكسان قالب ها در هر مرورگري

[arashsoft]

برگرفته از فارسي پرس : http://surl.ir/367

سلام
اینکه می بینین قالب هاتون در برخی مرورگر ها مثلا firefox درسته و در بعضی مثلا IE خراب ..یه راه حل ساده داره

شما برای فارسی سازی قالب ، اول از فایل style.css یه کپی تهیه کنید و اسمش رو بگذارید ie-style.css
نام زیاد مهم نیست.

حالا فایل style.css رو فارسی کنید و توی مرورگر محبوبتون غیر از IE تنظیم کنید ..من معمولا برای فایرفاکس تنظیم می کنم.
خوب حالا نوبت تنظیم برای IE هست.
فایل header.php رو باز کنید و دنبال کد زیر بگردید:
کد:

<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />


کد بالا رو با کد زیر عوض کنید:
کد:

<![if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_directory'); ?>/ie-style.css" />
<![endif]>
<![if !IE]><link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" />
<![endif]>


کد بالا دوقسمت داره: قسمت اول میگه اگر مرورگر ie باشه بیا برو استایل ie-style.css رو برای سایت در نظر بگیر
و اگر چیزی غیر از ie بود خود style.css رو منظور کن

دقت بشه که فایل های style.css و ie-style.css در همون پوشه قالب باشن

ضمنا می تونین مستقیم از هرجای سرور کد css قالب رو فراخوانی کنید
فقط کافیه به جای کد بالا این کد رو بگذارید

کد:

<![if IE]><link rel=”stylesheet” type=”text/css”
href=”http://zzz.com/wp-content/themes/YYY/ie-style.css”>
<![endif]>

<![if !IE]><link rel=”stylesheet” type=”text/css”
href=”http://zzz.com/wp-content/themes/YYY/style.css”>
<![endif]>


که zzz.com سایت شما است و YYY اسم پوشه تم شما