¿Has notado que muchos sitios populares como el BBC et Facebook utilizar sus propios colores en la barra de direcciones de los navegadores móviles. Recientemente, uno de nuestros usuarios nos informó de su interés en este tema.

En este tutorial, le mostraremos cómo cambiar el color de la barra de direcciones en el navegador móvil para que se adapte a su sitio de WordPress.

Personalizar el color de la barra de direcciones en WordPress

¿Por qué armonizar el color de la barra de direcciones del navegador móvil?

La mayoría de las Temas de WordPress populares responden en dispositivos móviles. Esto hace que su sitio se vea bien en los dispositivos móviles. Sin embargo, todavía se presenta como un Sitio web.

Al adaptar el color de la barra de direcciones a su sitio de WordPress, le da la impresión de una aplicación móvil. Esto mejora la experiencia del usuario y aumenta tanto las ventas como las conversiones.

Barra de direcciones modificada para navegadores móviles

Sin embargo, debe tenerse en cuenta que por el momento solo funciona para el navegador Google Chrome en dispositivos Android que usan Lollipop o versiones más recientes.

Adapte el color de la barra de direcciones en el navegador móvil a su tema de WordPress

Simplemente agregue este código al archivo " header.php" de su tema o tema hijo justo antes de cerrar </head> 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 contiene el código hexadecimal del color que desea utilizar como color del tema.

¿No sabes cómo obtener el código hexadecimal del color? Puede obtener el valor hexadecimal de un color utilizando cualquier software de edición de imágenes como Adobe Photoshop, Gimp, Paint, etc.

personalización del color PhotoShop

También puede elegir un color con las herramientas de selector de color HTML. Si desea elegir un color de una página web, puede usar una extensión de navegador como ColorZilla.

Es todo ! Esperamos que este artículo le haya enseñado cómo cambiar el color de la barra de direcciones de los navegadores móviles para adaptarlo a su sitio de WordPress.

Si tiene algún comentario o sugerencia, háganoslo saber en la sección dedicada.