Qu'est-ce qu'une favicon ?
La favicon, ou favicône, est le logo miniature qu'on trouve à gauche du titre d'une page internet (au niveau de l'onglet).
Comment ajouter une favicône à son site Baqio ?
Recadrez votre logo en 3 formats et renommez les fichiers :
16x16 px ("favicon-16x16.png")
32x32 px ("favicon-32x32.png")
180x180 px ("apple-touch-icon.png")
Allez dans le menu Site Web > Thèmes.
Cliquez sur le nom du thème (en bleu) pour y accéder.
Au niveau des "Assets", cliquez sur "Ajouter un fichier".
Ajoutez votre image et mettez le nom correspondant dans le champ "Nom du fichier".
Enregistrez.
Réitérez l'opération pour ajouter les trois formats, en cliquant de nouveau sur "Ajouter un fichier". Vous verrez alors vos trois fichiers comme ceci :
Au niveau de "Layout", cliquez sur "thème.liquid".
Après la 3ème ligne <head>, copiez et collez ces trois lignes une par une :
<link rel="apple-touch-icon" sizes="180x180" href="{{ 'apple-touch-icon.png' | asset_url }}">
<link rel="icon" type="image/png" href="{{ 'favicon-32x32.png' | asset_url }}" sizes="32x32">
<link rel="icon" type="image/png" href="{{ 'favicon-16x16.png' | asset_url }}" sizes="16x16">
Enregistrez les modifications. Vous verrez alors ceci :