Como Detectar o Navegador Visitante (Wordpress) Às vezes para servir conteúdo específico ou para ajustar determinados navegadores com o ...
Como Detectar o Navegador Visitante (Wordpress)
Às vezes para servir conteúdo específico ou para ajustar determinados navegadores com o layout do nosso blog, precisamos detectar o navegador do visitante para que ele receba o nosso conteúdo na melhor experiência possível. Existem várias maneiras de fazer isso usando um plugin ou com pequenos códigos de PHP no tema.
Neste artigo nos vamos usar um plugin chamado
PHP Browser Detection, que não precisa de nenhuma configuração especial em seu site, apenas faça a instalação em Plugins ~> Adicionar Novo. Pois tudo que precisamos ele vai adicionar nos arquivos do seu tema – como page.php, index.php e outros.
Exemplos de uso do plugin PHP Browser Detection
Com o plugin já instalado eu seu blog WordPress vamos notificar os usuários do Internet Explorer sobre como melhorar sua experiência mudando o seu navegador. Para isso insira o seguinte código no arquivo header.php acima da tag <body>.
2 | $browserInfo = php_browser_info(); |
3 | $browser = $browserInfo[browser]; |
4 | $version = $browserInfo[version]; |
6 | echo '<div class="browser-notification">Você está usando '.$browser.' '.$version.' . Por favor, atualize seu navegador para uma melhor experiência.</div>'; |
Contudo, podemos também direcionar essas funções do plugin para plataforma móvel, o que é muito útil para otimizar seu site WordPress. Supondo que você tenha a função de tema móvel em seu site, acesse o arquivo index.php e insira o seguinte código para servir soluções mais baixas de imagens em dispositivos móveis, e resoluções mais altas para navegadores desktop.
1 | <?php if ( is_mobile() ) { |
2 | the_post_thumbnail( 'small' ); |
4 | the_post_thumbnail( 'large' ); |
Esses são apenas alguns exemplos do que pode ser feito com este plugin, você pode acessar a página do
PHP Browser Detection e descobrir mais funções bacanas para aproveitar em seu site WordPress.