Das Einfügen der body_class()-Funktion in den Body-Tag Deiner Website gibt Dir seitenbezogen verschiedene Klassen aus. So hast Du die Möglichkeit, bestimmte Seitenbereiche mit CSS effizienter anzusprechen. Zudem gibt es die Möglichkeit, die Funktion so zu erweitern, dass sie nicht nur seitenbezogene Klassen generiert, sondern auch browser- und betriebssystemabhängige.
Füge dafür folgendes in Deine functions.php ein:
<?php
function drwp_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'],"android") ) {
$classes[] = 'android';
} else 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','drwp_browser_body_class');
?>
Einbinden musst Du die Funktion wie folgt:
<body <?php body_class(); ?>>
… und schon werden Dir verschiedene Klassen generiert, mit denen Du verschiedene Browser und Betriebssysteme anpassen kannst.
Quelle: drwp.de
Dies Browsererkennungsscript funktioniert leider nicht. Beim Einfügen in function PHP läßt sich WordPress Backend und Frontend nicht mehr aufrufen.
Hallo Stefan,
welche Fehlermeldung erscheint denn? Normalerweise sollte der Code nach wie vor funktionieren. Gerne helfe ich Dir beim Lösen des Problems 🙂
Liebe Grüße,
Daniele