Sabemos que a estética do site é um fator muito importante para se diferenciar entre os demais.

Hoje trazemos uma dica incrível de como aumentar mais a identificação do seu site no mobile.

Quando é definida a identidade visual do nosso site, queremos que sempre tenha uma harmonia em tudo, seja nos posicionamentos ou nas cores..

E se pudéssemos transferir um pouco disso para o navegador aumentando mais a identificação da cor do nosso site?

Sim, isso é possível de ser realizado nos navegadores de celulares através de meta tags especificas.

A partir da versão 39 do Chrome para o Android Lollipop, é possível você alterar a cor da barra de navegação. Isso também é possível no Safari e Windows Phone também.

Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.

Para Chrome Browser Mobile

<meta name=”theme-color” content=”#004669″>

IOS Safari Browser Mobile

<meta name=”apple-mobile-web-app-status-bar-style” content=”#004669″>

Windows Phone Browser Mobile

<meta name=”msapplication-navbutton-color” content=”#004669″>

Veja o exemplo abaixo.

Veja como adicionar as meta tags!

1º No Painel do seu WordPress clique em Aparência.

2º Clique em Editor.

3º Clique em Cabeçalho do Tema (header.php).

4º Adicione as Meta Tags logo apos a Tag <head>

Pronto!

De fato, esta personalização pode trazer mais identidade do seu site e de sua marca, oferecendo aos seus usuários um aspecto totalmente personalizado.

Espero que tenham gostado.

Comentários