Está procurando uma maneira de detectar o navegador do usuário para usar estilos direcionados ao navegador? Esse snippet fornece uma maneira exclusiva de detectar o navegador para que você possa aplicar um estilo especial a determinados navegadores.
Instruções:
- Adicione esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site.
- Uma classe com o nome do navegador será adicionada às classes de seu corpo, como esta:
<body class="home blog logged-in ie">
Em seguida, você pode criar estilos para os navegadores que deseja segmentar. Por exemplo, para o Internet Explorer, você usaria a classe
.ie:body.ie #mydiv { /* Aqui vai a correção para o IE */ }
<?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;
}
?>
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para que você não danifique 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 e como criar um formulário de contato no WordPress.
Comentários Deixe uma resposta