Vous vous demandez comment ajouter les classes du navigateur et du système d'exploitation de l'utilisateur à la classe body de WordPress ? Lors du développement de thèmes WordPress, vous pourriez avoir besoin des informations sur le navigateur et le système d'exploitation de vos utilisateurs afin de pouvoir modifier dynamiquement certains aspects de votre design avec CSS ou jQuery.
Les extraits ci-dessous ajouteront une classe en fonction du système d'exploitation et du navigateur de l'utilisateur.
Instructions :
Étape 1 : Ajoutez cet extrait 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(); ?>
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière 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 tels que : 62 meilleurs thèmes de blog WordPress gratuits ou 7 meilleurs plugins de formulaire de contact WordPress.
ça ne fonctionne pas
Quels résultats obtenez-vous ?
Merci pour cet extrait, mais est-il possible d'identifier également la version de Windows ? comme XP, Win 7 et Win 8 ?