¿Está buscando una forma de detectar el navegador del usuario para utilizar estilos específicos para cada navegador? Este fragmento proporciona una forma única de detectar el navegador para que pueda aplicar estilos especiales para determinados navegadores.
Instrucciones:
- Añade este código al archivo functions.php de tu tema o en un plugin específico del sitio.
- Una clase con el nombre del navegador será añadida a tu cuerpo de clases, así:
<body class="inicio blog conectado ie">
A continuación, puede crear estilos para los navegadores que desea orientar. Por ejemplo, para Internet Explorer utilizarías la clase
.ie:body.ie #mydiv { /* Aquí va 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;
}
?>
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si te ha gustado este fragmento de código, por favor, considere la posibilidad de comprobar hacia fuera nuestros otros artículos en el sitio como: 62 mejores temas gratuitos para blogs de WordPress y cómo crear un formulario de contacto en WordPress.
Comentarios Deja una respuesta