¿Está buscando una forma de detectar el navegador del usuario para usar estilos dirigidos al navegador? Este fragmento proporciona una forma única de detectar el navegador para que pueda aplicar estilos especiales para ciertos navegadores.
Instrucciones:
- Agrega este código al archivo functions.php de tu tema o a un plugin específico del sitio.
- A class with the name of the browser will be added to your body classes, like this:
<body class="home blog logged-in ie">
Luego puede crear estilos para los navegadores que desea dirigir. Por ejemplo, para Internet Explorer usaría la clase
.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;
}
?>
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 62 mejores temas gratuitos de WordPress para blogs y cómo crear un formulario de contacto en WordPress.
Comentarios Deja una respuesta