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

¿Ha notado que muchos sitios web populares como BBC 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 en última instancia impulsa las ventas y las conversiones.

Barras de direcciones de colores en el navegador móvil en Android

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.

Selector de color en Adobe Photoshop

También puede elegir un color usando en línea Selector de color HTML herramientas.

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.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *