Como mudar a cor do meu site no Chrome Mobile (celular)
Aprenda como configurar o HTML do seu site para que o Chrome mude de cor assim que o usuário entrar pelo celular.
PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Websites e SEO
Se você tem celular Android, com certeza já entrou em algum site que alterou a cor do navegador Chrome, certo?
Se quiser fazer no seu também é muito simples. Basicamente é necessário apenas inserir o seguinte código HTML dentro
da tag <head> do seu site.
<meta name="theme-color" content="#4267b2" />Se quiser pode usar também códigos para iOS Safari Browser Mobile e Windows Phone Browser Mobile.
<meta name="apple-mobile-web-app-status-bar-style" content="#4267b2" /><meta name="msapplication-navbutton-color" content="#4267b2" />Para quem não é desenvolvedor de sites, HTML é a linguagem de código que o navegador (ex: Chrome) consegue ler, interpretar e transformar em elementos visuais que vemos na tela. Se quiser ver o código do seu site, faça CTRL + U pelo Chrome.
Se preferir, acesse "Como configurar seu site para alterar a cor do Chrome Mobile" no YouTube.
Voltando para o código deste post, a cor deve ser em formato hexadecimal (ex: 4267b2 = azul) e o valor da tag meta theme-color é um dos recursos que uma aplicação
PWA usa e que basicamente tem a ideia de fornecer um site como aplicação web progressiva.
Se você tem um site em WordPress, Blogger ou outra plataforma, basta pedir para o suporte técnico inserir nosso código, esse é o ideal, mas se quiser fazer é fácil.
No WordPress, entre em Administração > Aparência > Editor de Temas e procure pelo arquivo header.php. Depois encontre a linha </head> e insira nosso código antes dela. Não faça nenhuma outra mudança, pois poderia prejudicar o funcionamento do site.
Se seu site é Blogger, entre em Administração > Tema > Editar HTML e coloque nosso código da mesma forma
ou bem no começo, depois da abertura da tag <head>.
Em outras plataformas, verifique se é possível editar o HTML do site para inserir o código.
Então é isso, eu espero que você tenha gostado desta publicação. Fique à vontade para compartilhar nas suas redes sociais para ajudar na divulgação e crescimento do site.
Aproveite para se inscrever no meu canal do YouTube e também na News do site pra ficar por dentro das novidades em artigos, tutoriais e cursos online.
Abraço e até a próxima!