Vous cherchez un moyen de détecter le navigateur de l’utilisateur afin d’utiliser des styles ciblés ? Ce snippet fournit un moyen unique de détecter le navigateur afin que vous puissiez appliquer un style spécial pour certains navigateurs.
Instructions:
- Ajoutez ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site
- Une classe avec le nom du navigateur sera ajoutée aux classes de votre corps, comme ceci
-
<body class="home blog logged-in ie">
Vous pouvez ensuite créer des styles pour les navigateurs que vous souhaitez cibler. Par exemple, pour Internet Explorer, vous utiliserez la classe
.ie:body.ie #mydiv { /* Here goes IE fix */ }
.
<?php
add_filter('body_class','browser_body_class');
function 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';
else $classes[] = 'unknown';
if($is_iphone) $classes[] = 'iphone';
return $classes;
}
?>
:
Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d’ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager 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 et comment créer un formulaire de contact sur WordPress.
Commentaires laisser une réponse