Quer saber como adicionar as classes de navegador e sistema operacional do usuário à classe de corpo do WordPress? Ao desenvolver temas do WordPress, você pode precisar de informações sobre o navegador e o sistema operacional dos usuários para poder modificar dinamicamente determinados aspectos do design com CSS ou jQuery.
Os snippets abaixo adicionarão classes com base no sistema operacional e no navegador do usuário.
Instruções:
Etapa 1: adicione este snippet ao arquivo functions.php ou em um plug-in específico do site
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');
Etapa 2: adicione esse snippet na tag body do modelo header.php do WordPress. <body <? body_class(); ?>>
<?php body_class(); ?>
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress, para não danificar seu site acidentalmente.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 62 melhores temas de blog gratuitos do WordPress ou 7 melhores plugins de formulário de contato do 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?