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

    搜索图片,你用哪个引擎?

    本文是针对今天菠萝使用百度、谷歌和必应搜索图…

  2. 没有图片

    2009.09.04

    HTML教程 从一个页面链接到其他页面指定位置代码

    看到网上有很多网友在问网页链接代码的问题,就…

  3. 2013.09.12

    WordPress 3.6.1 发布,大大提升安全性能

    今天李思章博客升级到 WordPress 3…

  4. 没有图片

    2010.03.15

    DEDECMS标题中去掉斜线的办法

    在上一教程中,我通过使用“DedeCMS当前…

  5. 没有图片

    2015.05.30

    WordPress短代码实现移动设备上内容不可见

    许多人也都开始对自己的站点进行了移动设备适配…

  6. 没有图片

    2011.09.02

    WordPress主题:UnderWater

    UnderWater WordPress主题…

评论

  1. 百毒博客 2010.03.13 7:51下午

    我的博客好像不兼容IE,在FF下看很正常,你这个代码我能不能用哦。。。
    .-= 百毒博客的最新日志:回忆在海南银联的大学实习生活! =-.

  2. 菠萝 2010.03.12 10:59下午

    @棺材中的尘埃
    直接放弃,想都不要想!
    .-= 菠萝的最新日志:读取RSS Feed PHP代码 =-.

  3. 棺材中的尘埃 2010.03.11 11:27下午

    发现我的主题不能兼容IE6.0了。。。不知道是不是应该彻底的放弃6.0呢?嗨,很难取舍
    .-= 棺材中的尘埃的最新日志:可牛影像-真的很牛 =-.