Comment ajouter un favicon à son site weebly gratuit ?

Qu’est ce qu’un favicon ?

Une favicon est une icône informatique symbolisant un site web.
Ces icônes sont créées et utilisées par les concepteurs des sites internet. Les navigateurs web peuvent utiliser la favicon dans la barre d’adresse, les signets, les onglets ou encore les autres raccourcis .

Générer votre favicon

Pour commencer allez sur le site realfavicongenerator.net et téléchargez une photo de favicon de taille 500×500 ou plus.
  1. Une fois que cette page apparaît après avoir téléchargé votre photo favicon, faites défiler vers le bas à « Windows Metro -Assets » et cochez la case « Moyen, icône carrée, déclarée avec deux balises HTML ».
  2. Remarque : Si vous n’effectuez pas cette étape, votre favicon ne s’affichera pas lorsque les utilisateurs de Windows 8 et 10 choisissent d’épingler votre site Web sur leur bureau — il apparaîtrait comme une application Windows native.
  3. Bien que toujours sur la même page, faites défiler vers le bas à « Favicon Generator Options’Path » et cocher la case « Je ne peux pas ou je ne veux pas placer les fichiers favicon à la racine de mon site Web. Je vais les placer ici: « .
  4. Maintenant, ajoutez «/files/theme/favicon/» à la boîte d’entrée au-dessous et cliquez sur « Générer vos Favicons et votre code HTML ».

Etape 2 : télécharger le fichier favicon et copier le code HTML

Une fois que la page suivante apparaît, cliquez sur le bouton «Favicon package» pour télécharger votre dossier ZIP contenant vos favicon et copiez le code HTML fourni dans l’encadrez au-dessous.

Etape 3 : Ajoutez le code HTML

​Retournez à l’éditeur Weebly et en haut, cliquez sur paramètre puis SEO et collez le code HTML que vous avez copié dans l’étape précédente dans la section « Code d’en-tête ». Cliquez sur enregistrer.

Créer le dossier favicon

  1. Cliquez sur ‘ »THEME » en haut, puis cliquez sur ‘ »Modifier HTML/CSS » sur la gauche.
  2. Sur la gauche, sous « ACTIFS », cliquez sur l’icône « + » et sélectionnez « Nouveau Dossier ». Nommez ce dossier « favicon ».​​
  3. Localiser le dossier Zip que vous avez téléchargé à l’étape 4, extraire les fichiers hors du dossier Zip, (copier-coller dans un autre dossier ou sur votre bureau).
  4. Maintenant, cliquez sur l’icône « + » du dossier « favicon » et sélectionnez « Fichier de téléchargement)… »,  téléchargez les fichiers sur votre site Weebly.
  5. Cliquez sur enregistrer.​
Publiez votre site et regarder votre favicon personnaliser !

J’espère que ce nouveau tuto Weebly vous plaira. Vous pouvez retrouvez d’autres tutoriels ici, à très vite pour un nouvel article !

3 réflexions sur “Comment ajouter un favicon à son site weebly gratuit ?”

  1. Helⅼo ԝߋukd yoou mind ѕharіng which blog platform you’re using?
    I’m plannin to start myy own blog in the near future but I’m having a hard time making a decision between BlogΕngine/Wordpress/B2еvolutiօn and
    Drupal. The reaѕon I ask is because your design seems
    dіfferent then most blogs and I’m loоking for something unique.
    P.S Apologіes for getting off-topic but I had to ask!

    Feel free to ѕurf to my web page; daftar gbo303

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Retour en haut