Você já reparou que muitos sites populares como o BBC et Facebook use suas próprias cores na barra de endereço dos navegadores móveis. Recentemente, um de nossos usuários informou-nos de seu interesse neste assunto.

Neste tutorial, mostraremos como alterar a cor da barra de endereço no navegador móvel para se adequar ao seu site WordPress.

Por que harmonizar a cor da barra de endereço do navegador móvel?

A maior parte das Temas do WordPress populares são responsivos no celular. Isso faz com que seu site fique bem em dispositivos móveis. No entanto, ele ainda se apresenta como um site da Web.

Ao adaptar a cor da barra de endereço ao seu site WordPress, ele dá a impressão de um aplicativo móvel. Isso melhora a experiência do usuário e aumenta as vendas e as conversões.

No entanto, deve-se notar que no momento ele só funciona para o navegador Google Chrome em dispositivos Android usando Lollipop ou versões mais recentes.

Adapte a cor da barra de endereço do navegador móvel ao seu tema WordPress

Basta adicionar este código ao arquivo " header.php" de seu tema ou tema infantil antes de fechar </head> tag.

Esta linha é uma meta tag HTML usada pelo Google Chrome no Android para alterar a cor da barra de endereço no navegador móvel. O campo de conteúdo contém o código hexadecimal da cor que você deseja usar como cor do tema.

Não sabe como obter o código hexadecimal da cor? Você pode obter o valor hexadecimal de uma cor usando qualquer software de edição de imagem como Adobe Photoshop, Gimp, Paint, etc.

Você também pode escolher uma cor usando as ferramentas de seletor de cores HTML. Se quiser escolher uma cor em uma página da web, você pode usar uma extensão do navegador como ColorZilla.

Isso é tudo ! Esperamos que este artigo tenha ensinado como alterar a cor da barra de endereço de navegadores móveis para se adequar ao seu site WordPress.

Se você tiver algum comentário ou sugestão, por favor, informe-nos na seção dedicada.