Mostrar icono en las pestañas ancladas de Safari

2

Comopuedeverarriba,algunasdemispestañasancladasmuestraniconosoficiales(conuncírculoenamarillo),mientrasqueotrasestánancladasconlasprimerasletrasdelosrespectivostítulosdelsitioweb(conuncírculoenrojo).

Misitiowebpersonaleswww.saphryn.com,fijadoenelextremoizquierdo.¿Quédebomodificarparaquemilogotipoaparezcaenelpin?

Notasquepodríanayudar:

  • MisitioestádesarrolladoenlaplataformaWix.
  • Comosemuestraenlacapturadepantallaacontinuación,milogotipo/iconoapareceenlabúsquedasugerentedentrodelomnibarSafari.
  • Safarimuestralaprimeraletradelnombredecualquiersitiowebsinohayunlogotipoquesecorrespondaconelsitioalfijarlo.
  • Silavistaestámarcada(enlugardefijada),Safaridaráprioridadalaprimeraletradeltítulodelmarcadorsobreelnombrerealdelsitioweb.

¿Alguna idea?

    
pregunta saphryn 16.11.2015 - 12:38

1 respuesta

2

Creando iconos de pestañas ancladas

  

Los sitios anclados permiten a los usuarios mantener abiertos sus sitios web favoritos,   Corriendo, y de fácil acceso. Puede configurar el icono que el usuario   ve cuando fijan su sitio proporcionando una imagen vectorial.

Cómo proporcionar la imagen vectorial

  

Use 100% negro para todos los vectores con un fondo transparente en SVG   formatee y agregue el siguiente marcado a todas las páginas web que el icono   debe representar (reemplazando "website_icon" con el nombre de su propio archivo).

<link rel="mask-icon" href="website_icon.svg" color="red">
  

En el ejemplo, el atributo de color establece el color de visualización de   imagen. Ese atributo puede especificar un solo color con un hexadecimal   valor (# 990000), un valor RGB (rgb (153, 0, 0)), o un valor reconocido   palabra clave de color, como: rojo, lima o azul marino.

Por lo tanto, si Wix no proporciona la opción, debe configurarlo mediante programación editando su código HTML;)

enlace

    
respondido por el StrawHara 16.11.2015 - 14:08

Lea otras preguntas en las etiquetas