Möchten Sie Browser- und Betriebssystemklassen des Benutzers zur WordPress Body Class hinzufügen? Bei der Entwicklung von WordPress-Themes benötigen Sie möglicherweise Browser- und OS-Informationen Ihrer Benutzer, um bestimmte Aspekte Ihres Designs dynamisch mit CSS oder jQuery zu ändern.
Die folgenden Snippets fügen Klassen basierend auf dem Betriebssystem und Browser des Benutzers hinzu.
Anweisungen:
Schritt 1: Fügen Sie diesen Snippet zur functions.php-Datei oder in ein standortspezifisches Plugin hinzu
function mv_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');
Schritt 2: Fügen Sie diesen Snippet in das body-Tag Ihrer wordpress header.php-Vorlage ein. <body <? body_class(); ?>>
<?php body_class(); ?>
Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.
Wenn Ihnen dieses Code-Snippet gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: 62 beste kostenlose WordPress-Blog-Themes oder 7 beste WordPress-Kontaktformular-Plugins.
es funktioniert nicht
Welche Ergebnisse erhalten Sie?
Danke für diesen Snippet, aber ist es möglich, auch die Windows-Version zu identifizieren? Wie XP, Win 7 und Win 8?