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

    2011.04.25

    17款网页设计师必备的配色工具

    配色是一个成功的网页设计必备的要素之一,网页…

  2. 没有图片

    2010.03.17

    SSH+MyEnTunnel+Firefox+AutoProxy完全方案

    本来对翻墙也没有很强烈的欲望,有时偶尔用一下…

  3. 没有图片

    2012.05.20

    Centos 服务器时间同步

    新装的服务器可能设置了错误的,需要调整时区并…

  4. 没有图片

    2009.07.06

    谷歌色情内容揭秘

    目前网上到处都可以看到这样的消息:谷歌网站收…

  5. 没有图片

    2009.07.05

    WordPress 2.8 浏览统计插件 WP-PostViews 下载+设置教程

    浏览统计插件WP-PostViews下载地址…

  6. 2013.09.10

    大前端WordPress D8主题优化之:缩略图裁切

    大前端浩子同学的新WordPress主题D8…

评论

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

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

  2. iBoluo 2010.03.05 3:19下午

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

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

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