¿Se pregunta cómo añadir las clases de navegador y sistema operativo del usuario a la clase body de WordPress? Cuando desarrollas temas para WordPress, es posible que necesites información sobre el navegador y el sistema operativo de tus usuarios para poder modificar dinámicamente ciertos aspectos de tu diseño con CSS o jQuery.
Los siguientes fragmentos añadirán clases basadas en el sistema operativo y navegador del usuario.
Instrucciones:
Paso 1: Añada este fragmento al archivo functions.php o en un plugin específico del sitio
function mv_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';
if(preg_match('/MSIE ([0-9]+)([a-zA-Z0-9.]+)/', $_SERVER['HTTP_USER_AGENT'], $browser_version))
$classes[] = 'ie'.$browser_version[1];
} else $classes[] = 'unknown';
if($is_iphone) $classes[] = 'iphone';
if ( stristr( $_SERVER['HTTP_USER_AGENT'],"mac") ) {
$classes[] = 'osx';
} elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"linux") ) {
$classes[] = 'linux';
} elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"windows") ) {
$classes[] = 'windows';
}
return $classes;
}
add_filter('body_class','mv_browser_body_class');
Paso 2: Añade este fragmento dentro de la etiqueta body de tu plantilla wordpress header.php <body <? body_class(); ?>>
<?php body_class(); ?>
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar 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 revisar nuestros otros artículos en el sitio como: 62 mejores temas gratuitos para blogs de WordPress o 7 mejores plugins para formularios de contacto de WordPress.
its not working
What results are you getting?
Thanx for this snippet, but is possible to also identify the windows version?, like XP, Win 7 and Win 8?