几行代码让你的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. 2013.10.30

    博客升级到 WordPress 3.7.1

    才升级到WordPress 3.7正式版没几…

  2. 没有图片

    2009.07.05

    WordPress 2.8 浏览统计插件 WP-PostViews 下载+设置教程

    浏览统计插件WP-PostViews下载地址…

  3. 没有图片

    2012.11.03

    五个很实用的HTML5接口

    1.Element.classList cl…

  4. 没有图片

    2012.11.22

    服务器端口被占用解决方案

    在服务器上安装某服务时,可能会遇到端口被占用…

  5. 没有图片

    2013.12.23

    使用Windows 8.1之系统镜像功能备份恢复系统教程

    新的Windows 8.1系统确实很给力,很…

  6. 没有图片

    2013.08.08

    IT路人经典WordPress作品:Gentle Girl

     今天虽然在外地旅游,但还是想办法上线与IT…

评论

  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自己写就行了。根据判断自己加载。