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 y Facebook use 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.

Color de la barra de direcciones en el navegador móvil para el 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 el archivo header.php de su tema o tema hijo 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 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 utilizando 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, 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 para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Publicaciones relacionadas

Botón volver arriba