X

Cómo detectar el navegador del usuario para utilizar estilos orientados al navegador

Snippets by IsItWP

¿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:

  1. Añade este código al archivo functions.php de tu tema o en un plugin específico del sitio.
  2. <?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;
    }
    ?>
    
  3. 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 */
    }
    

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

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!