Cómo cambiar el color de la barra de direcciones en el navegador móvil para que coincida con su sitio de WordPress

¿Has notado que muchos sitios web populares como BBC y Facebook usan sus propios colores de marca para la barra de direcciones en el navegador móvil? Recientemente, uno de nuestros usuarios nos preguntó si podíamos escribir sobre cómo cambiar el color de la barra de direcciones en el navegador móvil para que coincida con su tema de WordPress. En este artículo, le mostraremos cómo cambiar el color de la barra de direcciones en el navegador móvil para que coincida con su sitio de WordPress.

¿Por qué coincidir con el color de la barra de direcciones en el navegador móvil?

La mayoría de los temas más populares de WordPress son sensibles a la movilidad. Esto hace que su sitio se vea muy bien en dispositivos móviles. Sin embargo, todavía se ve y se siente como un sitio web.

Al emparejar el color de la barra de direcciones con su sitio de WordPress, le da una sensación de aplicación nativa. Esto mejora la experiencia del usuario, lo que, en última instancia, aumenta las ventas y las conversiones.

Sin embargo, tenga en cuenta que actualmente sólo funciona para el navegador web Google Chrome en dispositivos Android que utilizan Lollipop o versiones más recientes.

Haga coincidir el color de la barra de direcciones del navegador móvil con el tema de WordPress

Simplemente agregue este código en el archivo header.php de su tema o tema infantil justo antes de la etiqueta de cierre.

Esta línea es una metaetiqueta HTML utilizada por Google Chrome en Android para cambiar el color de la barra de direcciones en el navegador móvil. El campo de contenido tiene el código hexadecimal del color que desea utilizar como color del tema.

¿No está seguro de cómo obtener el código de color hexadecimal?

Puede obtener el valor HEX de un color usando cualquier software de edición de imágenes como Adobe Photoshop, Gimp, Paint, etc.

También puede elegir un color utilizando las herramientas de selección de color HTML en línea.

Si desea elegir un color de una página web, puede utilizar una extensión de navegador como ColorZilla.

Eso es todo, esperamos que este artículo te haya ayudado a aprender a cambiar el color de la barra de direcciones en el navegador móvil para que coincida con tu sitio de WordPress. También puedes ver nuestra revisión de CSS Hero, es la manera más fácil de personalizar tu tema de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.