Você está procurando uma maneira de detectar o navegador do usuário para usar estilos direcionados ao navegador? Este trecho fornece uma maneira única de detectar o navegador para que você possa aplicar estilos especiais para certos navegadores.
Instruções:
- Adicione este código ao arquivo functions.php do seu tema ou em um plugin específico do site.
- A class with the name of the browser will be added to your body classes, like this:
<body class="home blog logged-in ie">
Você pode então criar estilos para os navegadores que deseja segmentar. Por exemplo, para o Internet Explorer, você usaria a classe
.ie:body.ie #mydiv { /* Here goes IE fix */ }
<?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 sua primeira vez adicionando trechos de código no WordPress, consulte nosso guia sobre como adicionar 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 para WordPress e como criar um formulário de contato no WordPress.
Comentários Deixe uma Resposta