Vous cherchez un moyen de détecter le navigateur de l'utilisateur pour utiliser des styles ciblés par navigateur ? Cet extrait fournit une manière 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 au site.
- A class with the name of the browser will be added to your body classes, like this:
<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 utiliseriez 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;
}
?>
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 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 tels que : 62 meilleurs thèmes de blog WordPress gratuits et comment créer un formulaire de contact dans WordPress.
Commentaires Laisser une réponse