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

    几大免费PHP类CMS性能测评报告(图片)

    近来网站进行全新改版,因为几个管理员对网站的…

  2. 没有图片

    2012.01.09

    将DedeCMS系统的data目录迁移到web以外目录

    Dedecms data目录是Dedecms…

  3. 没有图片

    2010.12.02

    WordPress 3.0.2 中文版发布

    昨天刚刚从博客联盟得知WordPress 3…

  4. 没有图片

    2012.06.28

    大前端D5主题正式版免费发布

    D5主题是继D3、D4主题之 后大前端免费公…

  5. 没有图片

    2011.11.21

    推荐一款HTML5 WordPress主题: MetroWP

    自从写了几款主题之后,就很少去为大家推荐主题…

  6. 没有图片

    2013.08.28

    WordPress主题 NewsPlus 安装使用教程

    很多朋友都在使用我发布的原版汉化作品 New…

评论

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

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

  2. iBoluo 2010.03.05 3:19下午

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

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

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