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

    Windows 7 硬盘安装方法大全(绝对实用)

    虽然Windows 8 已经放出,但目前来看…

  2. 2013.09.12

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

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

  3. 没有图片

    2009.12.07

    最专业的PHP在线相册程序 Imagevue 下载+教程

    网上看到一个效果特别炫的在线Flash相册,…

  4. 没有图片

    2010.01.30

    精选100个设计模板、代码、工具资源站

    20年来,开源设计模式促进了网页设计的发展,…

  5. 没有图片

    2011.04.25

    52个干净的基于CSS标签的导航代码

    无论我们是在制作网站还是博客,我们都会使用导…

  6. 没有图片

    2013.04.21

    不同型号台式机&笔记本BIOS设置硬盘接口教程

    有时装系统或其他操作,需要把电脑的硬盘接口模…

评论

  1. 万戈 2010.03.03 10:36上午

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

  2. 菠萝 2010.03.03 9:42上午

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

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

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