如何在Wordpress中检测用户的浏览器类型并根据浏览器类型定义页面样式
在Wordpress中检测浏览器的类型，并根据浏览器类型定义CSS样式表，提高CSS样式表的兼容性。
1. 在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; } ?>通过上述代码，Wordpress会在body标签上添加一个浏览器类型的类.class 。
具体示例如下:
<body class=”home blog logged-in ie“>
2. 在style.css中定义相关类
例如：
.ie .post_title{margin-bottom:15px;} 除非注明，本博客文章均为原创，转载请以链接形式标明本文地址
原创文章如转载，请注明：转载自 任鸟飞网页设计 [ http://www.renniaofei.com/ ]
本文链接地址： http://www.renniaofei.com/code/how-to-detect-the-visitor-browser-within-wordpress/
引用通告地址 Trackback URL：直接在本文链接地址后添加 trackback/
本文短网址: http://bit.ly/9jmnc7
原创文章如转载，请注明：转载自 任鸟飞网页设计 [ http://www.renniaofei.com/ ]
本文链接地址： http://www.renniaofei.com/code/how-to-detect-the-visitor-browser-within-wordpress/
引用通告地址 Trackback URL：直接在本文链接地址后添加 trackback/
本文短网址: http://bit.ly/9jmnc7
