Vous vous demandez comment ajouter les classes de navigateur et de système d’exploitation de l’utilisateur à la classe de corps de WordPress ? Lorsque vous développez des thèmes WordPress, vous pouvez avoir besoin d’informations sur le navigateur et le système d’exploitation de vos utilisateurs afin de pouvoir modifier dynamiquement certains aspects de votre design à l’aide de CSS ou de jQuery.
Les snippets ci-dessous ajouteront des classes basées sur le système d’exploitation et le navigateur de l’utilisateur.
Instructions:
Etape 1 : Ajouter ce snippet au fichier functions.php ou dans un plugin spécifique au site
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');
Étape 2 : Ajoutez cet extrait dans la balise body de votre modèle wordpress header.php. <body < ? body_class() ; ?>>
<?php body_class(); ?>
<?php body_class(); ?>
<?php body_class(); ?>
Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon de copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 62 meilleurs thèmes de blog WordPress gratuits ou 7 meilleurs plugins de formulaire de contact WordPress.
its not working
What results are you getting?
Thanx for this snippet, but is possible to also identify the windows version?, like XP, Win 7 and Win 8?