让WordPress在不同浏览器下选择不同CSS

作者: 2009-04-30,02:04 下午 周四

以前一直用”微软雅黑”做为博客的默认字体,后来发现使用”微软雅黑”在Window下的其他浏览器字体显示带很多锯齿,反而浏览不方便,下面我教大家实现不同浏览器到CSS选择.

  1. 打开FTP,把网页现在用的模板下的CSS复制一份,并从命名上传到FTP.
    一般是在http://你的网址/blog/wp-content/themes/你选择的模板/下
    我的是style.css,复制重命名一个style_other.css(作为除IE外地浏览器使用)
  2. 进入Wordpress博客后台,来到外观->编辑.
  3. 打开”头部 (header.php)”

找到下面这段:

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

修改为

1
2
3
4
5
6
7
8
<?php
//判断浏览器类型,选择合适的CSS
if(ereg('Mozilla',$_SERVER["HTTP_USER_AGENT"]) && ereg('MSIE',$_SERVER["HTTP_USER_AGENT"])){
?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php } else {?>
<link rel="stylesheet" href="http://你的网址/blog/wp-content/themes/你选择的模板/style_other.css" type="text/css" media="screen" />
<?php }?>

浏览测试下吧! ^-^

暂无相关文章

分类 : CSS,PHP,Wordpress (阅览:) Tags :

评论
2009年5月3日

我的站上用的也是雅黑,这个修改很不错。

Posted by 牧狼羊
留下评论


|:victory:| |:tongue:| |:titter:| |:time:| |:sweat:| |:smile:| |:shy:| |:shocked:| |:sad:| |:mad:| |:lol:| |:kiss:| |:hug:| |:huffy:| |:handshake:| |:cry:| |:call:| |:biggrin:|