¿Te preguntas cómo agregar las clases del navegador y el sistema operativo del usuario a la clase body de WordPress? Al desarrollar temas de WordPress, es posible que necesites información del navegador y el sistema operativo de tus usuarios para poder modificar dinámicamente ciertos aspectos de tu diseño con CSS o jQuery.
Los fragmentos de código a continuación agregarán clases según el sistema operativo y el navegador del usuario.
Instrucciones:
Paso 1: Agrega este fragmento al archivo functions.php o a 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: Agrega este fragmento dentro de la etiqueta body de tu plantilla header.php de WordPress. <body <? body_class(); ?>>
<?php body_class(); ?>
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar 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: 62 mejores temas gratuitos de WordPress para blogs o 7 mejores plugins de formularios de contacto de WordPress.
no funciona
¿Qué resultados estás obteniendo?
Gracias por este fragmento, pero ¿es posible identificar también la versión de Windows? como XP, Win 7 y Win 8?