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

    2009.07.28

    Pligg CMS Version 1.0.0 正式版+Pligg 汉化包

    Pligg CMS 原来的名字是Pligg …

  2. 没有图片

    2012.06.22

    CentOS配置上网,修改IP地址,DNS,网关

    一、CentOS 修改IP地址 修改对应网卡…

  3. 没有图片

    2011.03.26

    DedeTag Engine Create File False的原因及解决办法

    本来帮一单位使用DedeCMS做的网站是正常…

  4. 没有图片

    2009.10.24

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

    看到大部分博客都在自己的日志最后带上“本文由…

  5. 没有图片

    2010.02.19

    最全的分页CSS样式代码

    为了给一公司设计网站,整理了一下分页CSS代…

  6. 没有图片

    2012.03.01

    今天换上WordPress默认主题衍生主题,继续升级中…

    主题就像我们的衣服,需要不断地换一换,这样才…

评论

  1. 万戈 2010.03.03 10:36上午

    我看这些代码怎么只是判断浏览器再加上相对应的class,具体兼容的样式还得自己写嘛

  2. 菠萝 2010.03.03 9:42上午

    就这几行代码,占用多少流量自己可以算一下。

  3. 午夜兰花手札 2010.03.03 9:37上午

    噢,打开兼容之门。
    请问,同时兼容多种浏览器对性能有没有影响?