几行代码让你的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. 没有图片

    2012.06.15

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

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

  2. 2012.09.15

    最专业的屏幕录像及视频编辑软件 Camtasia Studio 8.0 注册版

    由顶级开发公司TechSmith出品的 Ca…

  3. 没有图片

    2011.11.10

    MT.MU主机缓存插件 WP Super Cache 安装与设置

    MT主机这么多年来,一直保持着博客主机界第一…

  4. 没有图片

    2010.04.21

    IE下全站变灰代码

    因为512汶川地震、414玉树地震,很多站长…

  5. 2011.10.22

    WordPress仿古书中文直排主题 VerTick

    今天帮朋友找书法类的WordPress主题,…

  6. 2011.10.08

    WordPress顶踩喜欢插件: WizyLike

    看到网上有很多关于日志顶踩的插件,一直没找到…

评论

  1. 我心疯狂 2010.03.07 10:35上午

    虽然看过,但没有去实践过…..-_-

  2. iBoluo 2010.03.05 3:19下午

    其实WordPress对多浏览器支持挺好的啊
    .-= iBoluo的最新日志:三步轻松打造个人独立博客 =-.

  3. 孤夜狂狼 2010.03.03 6:43下午

    要写好多CSS文件啊……
    浏览器默认是应该加载所有的 CSS 文件吧~
    算了~ 自己看着舒服就行了~ 呵呵
    .-= 孤夜狂狼的最新日志:深度阅读…… =-.