如何在WordPress主体类中添加用户浏览器和OS类

2020-12-19
WordPress

开发WordPress主题时，有时您可能需要用户的浏览器和操作系统信息，才能使用CSS或jQuery修改设计的某些方面。WordPress可以为您做到这一点。在本文中，我们将向您展示如何在WordPress主体类中添加用户的浏览器和OS类。

默认情况下，WordPress会为您网站的不同部分生成CSS类。它还提供了过滤器，以便主题和插件开发人员可以挂钩自己的类。您将使用body_class过滤器将浏览器和操作系统信息添加为CSS类。

您需要做的第一件事是在主题的functions.php文件中添加以下代码。

functionmv_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'; if(preg_match('/MSIE ([0-9]+)([a-zA-Z0-9.]+)/', $_SERVER['HTTP_USER_AGENT'], $browser_version)) $classes[] = 'ie'.$browser_version[1]; } else$classes[] = 'unknown'; if($is_iphone) $classes[] = 'iphone'; if( stristr( $_SERVER['HTTP_USER_AGENT'],"mac") ) { $classes[] = 'osx'; } elseif( stristr( $_SERVER['HTTP_USER_AGENT'],"linux") ) { $classes[] = 'linux'; } elseif( stristr( $_SERVER['HTTP_USER_AGENT'],"windows") ) { $classes[] = 'windows'; } return$classes;}add_filter('body_class','mv_browser_body_class');