web-dev-qa-db-fra.com

Comment ajoutez-vous une miniature Opera pour votre site?

J'ai remarqué que, dans la fonction "Numérotation rapide" d'Opera, certains sites affichent leur logo sous forme d'image d'aperçu, tandis que d'autres sites ne font qu'une capture d'écran de l'apparence du site lorsque vous l'ajoutez à la numérotation rapide. Je n'en suis pas certain, mais je pense que Chrome a le même comportement.

Stackoverflow par exemple a le logo: D

Comment faire en sorte que mon site affiche le logo lorsque les utilisateurs l'ajoutent à un numéro abrégé?

9
Katie

Après la sortie de Barracuda, Opera utilise le méta <link rel=”icon”> ou <link rel="Apple-touch-icon"> dans l'en-tête du site pour rechercher le logo, mais ne s'affiche que dans Opera si le l'image ci-jointe est plus large que 114px.

Dans le cas de stackoverflow, le code ressemble à ceci: -

<link rel="Apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/Apple-touch-icon.png">

Liens avec une image d’icône de 158 x 158px

Stackoverflow Logo

5
toomanyairmiles

Vous pouvez également utiliser HTML (dynamique) pour afficher les derniers titres d'articles, images ou commentaires. Voir Faites briller votre site dans Speed ​​Dial pour plus de détails.

J'ai écrit un petit plugin WordPress pour ce travail avec beaucoup de commentaires en ligne et des conseils pratiques. Il peut être utile de comprendre comment les choses fonctionnent par exemple.

2
fuxia