¿Ha 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é hacer coincidir el color de la barra de direcciones en el navegador móvil?
Los temas más populares de WordPress responden a dispositivos móviles. Esto hace que tu sitio se vea bien en dispositivos móviles. Sin embargo, todavía se ve y se siente como un sitio web.
Al combinar el color de la barra de direcciones en su sitio de WordPress, se obtiene una sensación similar a la de una aplicación nativa. Esto mejora la experiencia del usuario, que en última instancia aumenta las ventas y las conversiones.
Sin embargo, tenga en cuenta que actualmente solo 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 en el navegador móvil con su tema de WordPress
Simplemente agregue este código en su tema o tema infantil header.php archivo justo antes del cierre etiqueta.
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 usar como color del tema.
¿No estás seguro de cómo obtener el código de color hexadecimal?
Puede obtener el valor HEX de un color utilizando cualquier software de edición de imágenes como Adobe Photoshop, Gimp, Paint, etc.
También puede elegir un color usando herramientas de selección de color HTML en línea.
Si desea elegir un color de una página web, puede usar una extensión de navegador como ColorZilla.
Eso es todo
