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

    Mac OS X Terminal:终端使用教程(转)

    为什么要使用命令行/如何开启命令行? 许多功…

  2. 没有图片

    2013.05.03

    WordPress安全卫士:Wordfence Security

    近来我发现个问题,上传到空间里的主题经常被自…

  3. 没有图片

    2009.07.05

    总结一下Firefox众生相 你是哪一相?

    Firefox 3.5正式版已经放出,必将在…

  4. 2014.03.27

    优秀的 HTML 和 CSS 代码规范

    HTML 语法 用两个空格来代替制表符(ta…

  5. 没有图片

    2011.11.19

    32个漂亮的带JS特效的个人卡片Web站点

    一直在寻找这些漂亮的个人卡片模板,找了很多,…

  6. 2012.05.14

    [主题推荐]WordPress CMS主题:Hcms1.2

    菠萝一般发布的主题都是自己写或优化的一些主题…

评论

  1. 生死网赚 2010.11.19 8:08下午

    好收藏了。这个不错。支持一下啊