几行代码让你的WordPress兼容更多浏览器

我们在设计主题的时候,经常遇到主题与浏览器的不兼容问题,一般我们会采取一些方法来解决这一问题,下面这个就可以解决Wordpress主题与浏览器的不兼容问题:

在你的主题文件夹里找到functions.php文件,之后添加以下代码:

<?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;
}
?>

上面的功能实现了给你的浏览器(比如苹果浏览器safari)里添加了兼容的浏览器标签:

<body class="home blog logged-in safari">

这样,你的主题代码就可以兼容相应的浏览器了。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2010.09.27

    PowerPoint 2010 的功能和优点

    使用 Microsoft PowerPoin…

  2. 没有图片

    2009.12.07

    在线相册程序Imagevue安装与使用教程

    上次给大家推荐了一款效果非常牛的在线相册PH…

  3. 没有图片

    2009.10.24

    无评不博!为你的评论框添加漂亮的图片背景

    在《为你的WordPress博客添加版权声明…

  4. 没有图片

    2012.06.15

    简短而实用的WordPress随机日志调用代码

    此段调用代码可以用来制作碰碰运气,也可以用来…

  5. 没有图片

    2009.12.06

    微软浏览器 Pivot 使用体验

    今天下载了微软的最新版本浏览器 Pivot,…

  6. 没有图片

    2011.04.15

    WordPress日志置顶方法及添加置顶图片标志

    WordPress不知道从哪个版本已经自带了…

评论

  1. Firm 2010.03.03 5:19下午

    通用?好像不行
    .-= Firm的最新日志:我们一起努力,从日赚10元到日赚1000元 =-.

    • 晕晕 2012.04.01 3:35下午

      加了这个代码后,网站立即崩溃了

  2. Jclyn 2010.03.03 2:03下午


    这个对于我来说还是看的懂的
    就不知道能不能用好
    .-= Jclyn的最新日志:图片&文字 =-.

  3. 菠萝 2010.03.03 1:46下午

    @万戈
    对啊。CSS自己写就行了。根据判断自己加载。