Detectar automáticamente el navegador del visitante

Esto puede serviros a vosotros, diseñadores, ya que lo que hace es inyectar una clase CSS a la etiqueta <body> en el HTML, con el navegador usado por nuestro lector.

Para que esto se produzca, debéis simplemente incluír en el fichero functions.php lo siguiente:

<?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;
}
?>

Así, cuando entre cualquiera a su blog, la etiqueta body se mostrará así:

<body class="home blog logged-in safari">

Luego, debeis definir esa clase en la hoja de estilos de cascada, y podréis condicionar estilos a diferentes navegadores.

Créditos a Nathan Rice

DEJA TU COMENTARIO


uno × 4 =