2 votos

Mostrar el icono en las pestañas ancladas de Safari

Screenshot of my pinned tabs in Safari

Como puedes ver arriba, algunas de mis pestañas ancladas muestran iconos oficiales (rodeados de amarillo), mientras que otras están ancladas con las primeras letras de los respectivos títulos de los sitios web (rodeados de rojo).

Mi sitio web personal es www.saphryn.com, fijado en el extremo izquierdo. Qué debo ajustar para que mi logo se vea en el pin?

Notas que pueden ayudar:

  • Mi sitio está desarrollado en la plataforma Wix.
  • Como se muestra en la siguiente captura de pantalla, mi logo/icono aparece en la búsqueda sugerida dentro de la omnibar de Safari.
  • Safari muestra la primera letra del nombre de cualquier sitio web si no hay un logotipo que se corresponda con el sitio al fijarlo.
  • Si la vista está marcada (en lugar de anclada), Safari dará prioridad a la primera letra del título del marcador sobre el nombre real del sitio web.

Screenshot of logo appearing in omnibar

¿Alguna idea?

2voto

MrMojoRisin Puntos 2001

Creación de iconos de pestañas ancladas

Los sitios anclados permiten a sus usuarios mantener sus sitios web favoritos abiertos funcionando y fácilmente accesibles. Puede establecer el icono que el usuario ve cuando fija su sitio proporcionando una imagen vectorial.

Proporcionar la imagen vectorial

Utilice el 100% de negro para todos los vectores con fondo transparente en formato SVG y añada la siguiente marca a todas las páginas web que el icono debe representar (sustituyendo "website_icon" por el nombre de su propio archivo).

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

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

Así que si Wix no proporciona la opción, tienes que establecerla programáticamente editando tu código HTML ;)

https://developer.apple.com/library/prerelease/ios/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html

0 votos

Por qué no se pueden escribir todas las respuestas como la tuya lol ;). Lo intentaré esta noche.

0 votos

@SaphrynShikaze ah ah muchas gracias, pero la mayor parte de mi respuesta viene de la documentación de apple ;)

0 votos

Así que aparentemente Wix no permite subir archivos SVG a su biblioteca. Estoy tratando de encontrar otra solución, pero aún no he tenido suerte.

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X