Devenez votre propre Webmaster

Comment ajouter un favicon à votre site ou blog wordpress

favicon C' ça le net

Un favicon est une icône qui représente votre site web ou votre blog. Cette icône permet de distinguer et de personnaliser l'identité de votre site pour démarquer votre site Internet des autres.

Un favicon apparait généralement à côté de l'URL de votre site dans la barre de navigation  ou dans l'entête de l'onglet de la page en fonction de votre browser.

Comme sur l'image juste à côté, "C' ça le net" possède un favicon que vous pouvez voir. C'est un "C'" sur un fond rouge, couleur du site.

Créez un favicon pour votre site Web

Un favicon est une image de 16x16 pixels sauvegardé au format ".ico".

Vous pouvez utiliser pas mal de logiciels gratuits pour le faire. Par exemple le logiciel xnview vous permettra de transformer énormément de formats d'image en ".ico" tout en dimensionnant vos image en 16*16px.

Vous pouvez aussi utiliser faviconer qui est un service gratuit en ligne qui vous permettra de créer vos favicon.

Comment ajouter un favicon à votre site WordPress

Transférer votre favicon, sur votre site

Une fois votre favicon terminez, renommez la "favicon.ico" pour correspondre aux normes en vigueurs et par le biais d'un outil FTP placez là dans le répertoire racine de votre site ( là où se trouve le fichier "wp-config.php" ). Le fait de le placer à la racine de votre site, permet de le faire apparaitre dans les logiciels de gestion des flux de syndicalisation (feed) de vos internautes. Ajouter aussi le favicon dans le répertoire principal du thème de votre site.

Ajouter le favicon au head de vos pages

Une fois le favicon transféré dans le bon répertoire il faut indiquer aux pages de votre site où le trouver. Le lien vers le favicon s'ajoute dans le head des pages ( entre les bornes html "<head>" et "</head>" ).

Sur WordPress, même sans être programmeur il est facile de le faire :

  • Rendez-vous dans le menu "Apparence" dans le sous-menu "Éditeur"
  • Trouver le fichier "header.php" (En-tête).
  • Ajouter la ligne suivante entre les bornes "<head>" et "</head>" :
<link rel="shortcut icon" href="http://www.cestcalenet.net/favicon.ico"/>

Remplacez le "http://www.cestcalenet.net" par l'URL de votre site, bien évidemment.

Si vous ne souhaitez pas coder en dur l'URL de votre site copiez le lien suivant à la place du précédent :

<link rel="shortcut icon" href="<?php echo get_option('siteurl'); ?>/favicon.ico"/>

Le code php "<?php echo get_option('siteurl'); ?>" sera remplacé automatiquement par l'URL de votre site lors du chargement de la page. Cette ligne de code, contrairement à la précédente, fonctionne sur tous les sites WordPress dont le favicon se trouve dans le répertoire racine du site.

  • Une fois la modification faite, cliquez sur le bouton "Mettre à jour le fichier".

Pourquoi ajouter un favicon sur votre site WordPress

Comme nous l'avons déjà vu et nous le verrons encore dans de futurs articles, il est important qu'un site ait une identité visuelle personnelle. Le favicon est un des éléments de cette identité.

Vous pouvez y mettre votre logo ou une image. Cependant, restez simple car l'image est petite ( 16x16px ).

Si vous possédez une marque, le favicon permet de distinguer les pages de votre site web ou votre blog parmi toutes les pages web ouvertes dans un navigateur.

Posts Similaires
A propos de

Consultant en informatique et concepteur de sites Internet.

Il a travaillé pendant plus de quinze ans pour une multinationale dans le secteur de l'ingénierie Informatique.

Durant ces années, il a participé à des projets sur les systêmes de facturation et la conception des sites Internet de différentes Banques et opérateurs téléphonique à travers le monde

Senior Analyst Programmer/Team Leader, il a participé et dirigé des projets sur les plus gros clusters d'Europe.

Il habite à Paris, en ile de France .

Le Site :

Le Blog :

Vos Commentaires pour "Comment ajouter un favicon à votre site ou blog wordpress"