El blog de dinahosting
  • Inicio
    • Noticias
  • Productos
    • Novedades
    • Dominios
    • Hosting
      • WordPress
    • Servidores
    • Resellers
    • Afiliados
  • Seguridad
  • Crear tienda online
    • Prestashop
    • WooCommerce
  • Digitalización pymes
  • Marketing
  • Somos DH
    • Eventos
    • Equipo DH
    • Clientes

El blog de dinahosting

  • Inicio
    • Noticias
  • Productos
    • Novedades
    • Dominios
    • Hosting
      • WordPress
    • Servidores
    • Resellers
    • Afiliados
  • Seguridad
  • Crear tienda online
    • Prestashop
    • WooCommerce
  • Digitalización pymes
  • Marketing
  • Somos DH
    • Eventos
    • Equipo DH
    • Clientes
#HalloweenDH

Suscríbete a nuestra newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

Newsletter
Barra de color en android

Cómo cambiar el color de la barra de navegación de tu web

escrito por Edi Vieito junio 3, 2020

Si eres usuario de Android y utilizas Chrome como navegador web, te habrás dado cuenta de que actualmente muchas páginas web optan por cambiar el color de su barra de navegación para que quede mejor con el diseño de su sitio.

Como ya te hemos contado, cuidar el diseño y la usabilidad de tu web es fundamental. Pequeños detalles como personalizar el color de la barra de navegación pueden ayudarte a darle un toque muy chulo a tu página y a diferenciarte de tu competencia, y más cuando un porcentaje muy alto de las conexiones se hacen a día de hoy desde dispositivos móviles.

Ejemplos de páginas con el color de barra de navegación personalizado | dinahosting

Para conseguirlo, únicamente tienes que añadir una etiqueta en la cabecera html de tu web, definiendo el color del que quieres teñir la barra de navegación. Te lo explicamos paso a paso:

Índice de contenidos

  • 1 Paso 1
  • 2 Paso 2
  • 3 Paso 3

Paso 1

Busca en tu hosting todos los archivos html que intervienen en el diseño, o si lo que tienes es una página sobre WordPress, navega hasta llegar al wp-contents/themes/tutema/header.php

Paso 2

Una vez detectados los archivos que quieres modificar, ahora te toca editarlos. Busca la etiqueta <head> y dentro de ella inserta la instrucción antes de la etiqueta de cierre </head>

<meta name=”theme-color” content=”#ffffff” />

#ffffff será el código hexadecimal del color del que quieras teñir la barra.

Paso 3

Guarda el archivo o archivos y listo, cambiar el color de tu barra de navegación no puede ser más fácil. Si abres tu página dentro de Chrome en un dispositivo Android, comprobarás que ya se ha pintado del color escogido.

¿Te ha funcionado? ¿Crees que es un valor diferenciador? Si todavía no tienes página web y estás buscando un alojamiento de calidad y a buen precio, no te lo pienses. ¡Todos nuestros hostings están al 50 %! Puedes llamarnos gratis al 900 854 000 y te asesoramos sin ningún compromiso 🙂

cssdiseñodiseño webhtmlpersonalizaciónWordPress
0 comentario
1
Facebook Twitter Google + Pinterest

Deja un comentario Cancelar respuesta

Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional

Información básica sobre protección de datos

Responsable
Dinahosting S.L.  [+ info]
Finalidad y legitimación
Tratamos los datos que nos proporcionas con la finalidad de gestionar tu comentario, incluida su publicación en nuestro blog. Al enviarnos tu comentario o sugerencia nos das tu consentimiento explícito para que tratemos tus datos con esta finalidad  [+ info]
Destinatarios
Publicamos los comentarios que nos envías en el blog. Enviar un comentario en nuestro blog implica la publicación en el blog del ‘nombre’ y, en su caso, el ‘avatar’ que utilices al dejar el comentario  [+ info]
Derechos
Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad

En dinahosting

Promotion Image

Dominios

Promotion Image

Hosting SSD NVMe

Promotion Image

VPS

Suscríbete a nuestra newsletter

Promotion Image Newsletter

Newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL. [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter.[+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal.[+info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción.[+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad.

Conviértete en afiliado

Gana dinero recomendando dinahosting a todo el mundo.
Hazte afiliado

¡Síguenos!

Facebook Twitter Instagram Linkedin Youtube
Facebook Twitter Instagram Linkedin Youtube

LLÁMANOS GRATIS

900 854 000


ESCRÍBENOS

soporte@dinahosting.com

En dinahosting

  • Hosting
  • Dominios

Área privada

  • Panel de administración
  • Webmail
  • Feedback
  • Protección de datos
  • Ayuda
  • 900 854 000
  • soporte@dinahosting.com

@2020 - Dinahosting

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL  [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter  [+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal  [+ info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad