¿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 de WordPress más populares responden a dispositivos móviles. Esto hace que su sitio se vea genial en dispositivos móviles. Sin embargo, todavía se ve y se siente como un sitio web.
Hacer coincidir 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 finalmente impulsa las ventas y las conversiones.
Sin embargo, tenga en cuenta que actualmente solo funciona para el navegador web Google Chrome en dispositivos Android que usan 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 hijo header.php archivo justo antes del cierre </head> etiqueta.
<meta name="theme-color" content="#ff6600" />
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 de 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 en línea Selector de color HTML instrumentos.
Si desea elegir un color de una página web, puede usar una extensión de navegador como ColorZilla.
Eso es todo, esperamos que este artículo le haya ayudado a aprender cómo cambiar el color de la barra de direcciones en el navegador móvil para que coincida con su sitio de WordPress. Es posible que también desee ver nuestra revisión de CSS Hero, es la forma más fácil de personalizar su tema de WordPress.
