UNE Favicon (abréviation de « Favorite Icon ») est une icône associée à un site Web ou à une page Web en particulier. Il est généralement destiné à être utilisé lorsque vous ajoutez une page Web à vos favoris. Les navigateurs Web les utilisent dans la barre d’URL, les onglets et ailleurs pour identifier visuellement un site Web. Les favicons sont également utilisés comme icônes d’application sur les appareils mobiles.

Un favicon est généralement un carré graphique de 16 x 16 pixels et est enregistré en tant que favicon.ico dans le répertoire racine de votre serveur. Vous pouvez utiliser un favicon avec n’importe quel site WordPress sur un serveur Web qui permet d’accéder aux répertoires racine.

WordPress Version 4.3 a mis en place une fonction d’icône de site qui active les favoris sur votre site Web.

Si vous utilisez la fonction Icône de site, vous n’avez pas besoin de préparer favicon.ico Enregistrez-vous ou modifiez votre fichier de modèle. Tout ce que vous avez à faire est de naviguer vers l’écran de réglage et de fournir une image carrée d’au moins 512 pixels de haut et de large.

Les paragraphes suivants de cet article fournissent des instructions sur la configuration manuelle de votre propre favicon. Cependant, il est fortement recommandé d’utiliser la fonctionnalité Icône de site (une fonctionnalité intégrée à WordPress) à la place.

Suivez ces étapes pour configurer un favicon pour votre site à l’aide de l’icône du site.

  1. Préparez le fichier image. (Il doit être carré avec une hauteur et une largeur d’au moins 512 px.)
  2. Aller vers Écran d’administration > Apparence> Personnaliser
  3. Cliquez sur Identité du site
  4. Cliquez sur choisir une image (situé sous le Icône du site Sous-titre).
  5. Cliquez dessus Télécharger des données Cliquez sur l’onglet, puis sur choisir les fichiers pour télécharger le fichier image que vous avez préparé à l’étape précédente.
Icône de site de personnalisation

Au-dessus de ↑

Un favicon peut être créé avec n’importe quel logiciel d’édition graphique / d’image qui vous permet d’enregistrer .ico Des dossiers. Il existe également des services en ligne qui vous permettent de créer un favicon gratuitement.

L’image doit être claire et visuellement attrayante. Idéalement, il doit être conçu pour correspondre à l’image de marque et / ou au contenu de votre site Web.

Voici comment préparer l’image à enregistrer favicon.ico::

  1. Rendez l’image carrée en la recadrant ou en ajoutant de l’espace autour d’elle.
  2. Modifiez la taille de l’image en 16 x 16 pixels.
  3. Enregistrez le fichier sous favicon.ico.

Si vous utilisez un service en ligne pour créer votre favicon (ex Faviconer.com ou alors Entraînement dynamique) Suivez les instructions sur le site Web et téléchargez l’image favicon.ico sur votre ordinateur.

Au-dessus de ↑

Si votre thème ou votre version de WordPress ne prend pas en charge l’option Icône du site décrite ci-dessus, vous pouvez utiliser cette méthode pour ajouter manuellement un favicon.

S’il y en a déjà un ancien favicon.ico Fichier dans le dossier principal de votre sujet actuel, supprimez-le avec un Client FTP.

  1. Utilisez un client FTP pour télécharger le nouveau favicon.ico Fichier dans le dossier principal de votre sujet actuel.
  2. Téléchargez une autre copie de vous-même favicon.ico Fichier dans le répertoire principal de votre site (ex. http://example.com/favicon.ico). Cela affichera le favicon dans les lecteurs de flux de vos abonnés.

Pour que votre favicon apparaisse dans certains navigateurs plus anciens, vous devrez modifier l’en-tête de votre page. (N’oubliez pas que la meilleure façon de modifier les fichiers de votre sujet est Thème des enfants. Si vous suivez les instructions ci-dessous, il hautement recommandé créer et modifier la copie de header.php qui se trouve dans votre sujet enfant.)

  1. Accédez à votre WordPress Écran d’administration.
  2. Cliquer sur Voir.
  3. Cliquer sur Éditeur de thème.
  4. Sélectionnez le fichier appelé Entête ou alors header.php pour éditer le fichier.
  5. Recherchez la ligne de code qui commence par <link rel="shortcut icon" et se termine par /favicon.ico" />. Remplacez-le s’il l’a ou ajoutez le code suivant sous la balise HTML:
<link rel="shortcut icon" href="https://wordpress.org/support/article/creating-a-favicon/<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

Enregistrez les modifications.

Au-dessus de ↑

Avant d’implémenter cette méthode, assurez-vous que votre image source a déjà un arrière-plan transparent. Cela signifie qu’il doit s’agir d’un GIF ou d’un PNG. Le reste des étapes est tel que mentionné ci-dessus. La seule différence de code est qu’au lieu d’un fichier favicon.ico, il utilise à la place favicon.png ou favicon.gif.

Recherchez la ligne de code qui commence par <link rel="shortcut icon" et se termine par /favicon.ico" />. Remplacez-le s’il l’a ou ajoutez le code suivant sous la balise HTML:

<link rel="shortcut icon" href="https://wordpress.org/support/article/creating-a-favicon/<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" />

Pour voir votre nouveau favicon, Vider le cache de votre navigateur. Vous devrez peut-être redémarrer votre navigateur pour voir le nouveau favicon.

Au-dessus de ↑

  1. Compatibilité – Au moment d’écrire ces lignes navigateur le plus moderne– À l’exception d’iOS Safari et Opera Mini – prend en charge le format .ico.
  2. Évitez les erreurs de serveur 404 – Pratiquement tous les navigateurs modernes demandent un fichier favicon.ico. Par conséquent, il est préférable de toujours avoir un fichier favicon.ico pour éviter l’erreur «404 not found».
  3. Un fichier .ico peut contenir plus d’un symbole, éliminant ainsi le besoin de contenir plusieurs fichiers pour les symboles 16 × 16 et 48 × 48.



Source link

Recent Posts