Querendo saber como adicionar classes do navegador e do sistema operacional do usuário à classe body do WordPress? Ao desenvolver temas para WordPress, você pode precisar de informações do navegador e do sistema operacional de seus usuários para que possa modificar dinamicamente certos aspectos do seu design com CSS ou jQuery.
Os trechos abaixo adicionarão classes com base no sistema operacional e navegador dos usuários.
Instruções:
Passo 1: Adicione este trecho ao arquivo functions.php ou a um plugin 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');
Passo 2: Adicione este trecho dentro da tag body do seu template 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 trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 62 melhores temas gratuitos de blog do WordPress ou 7 melhores plugins de formulário de contato do WordPress.
não está funcionando
Que resultados você está obtendo?
Obrigado por este trecho, mas é possível identificar também a versão do Windows? Como XP, Win 7 e Win 8?