L’humble favicon a une fonction importante. Favicon image. Elle permet d’identifier votre site dans les signets ou dans une liste de favoris. Mais qu’en est-il si vous souhaitez modifier l’identification de votre site et faire pivoter votre favicon ?

Je ne parle pas de rotation comme dans le cas d’une rotation, mais plutôt de rotation comme dans le cas d’un certain nombre de favicons différents qui changent de façon aléatoire. Est-ce que cela vous semble assez bizarre pour être intéressant ? C’est bien ! J’ai le plugin de favicon WordPress qu’il vous faut. Il s’appelle Favicon Rotator, et nous allons le mettre en œuvre dans une minute.

Comment faire pivoter de manière aléatoire les images de la Favicon dans WordPress

Mais d’abord, une question

Pourquoi utilise-t-on des favicons de toute façon ? Qui a eu la bonne idée ?

Vous serez peut-être surpris d’apprendre que le favicon innovant a été créé par la société Microsoft, qui n’a rien d’innovant : Favicon image generator. D’accord, Microsoft est peut-être innovant à certains égards. Favicon image meaning. Mais en ce qui concerne Internet et le web, ils ont toujours été de meilleurs suiveurs que leaders.

Mais ils ont identifié un problème avec les listes de favoris des navigateurs et ont trouvé un moyen simple d’y remédier. Favicon image shopify. Si la liste des favoris de votre navigateur était longue, il pouvait être difficile de trouver un site web particulier : Favicon image size. Le favicon a rendu les listes de favoris plus utiles. Les propriétaires de sites web ont ainsi pu s’identifier ou se faire connaître dans ces listes.

Après tout, les gens associent souvent l’image au texte lorsqu’il s’agit d’identifier une marque. Cela vaut également pour les sites web.

Très vite, Internet Explorer a commencé à afficher le favicon à côté de la barre d’adresse du navigateur. Aujourd’hui, ces graphiques apparaissent principalement dans l’onglet du navigateur et dans les signets du navigateur (Icon image meaning). Nous les prenons pour acquis, mais en tant que propriétaire de site, vous devez y réfléchir.

Avant de pouvoir faire pivoter une Favicon, il faut créer le fichier

Cela semble être une tâche simple, n’est-ce pas ? Après tout, une favicon n’est qu’une image de 16 x 16 pixels. Icon image synonym. Mais le format de fichier de la favicon, .ico, est un format Windows. Il n’a donc pas toujours été facile de créer sa propre image de favicon. La plupart des programmes graphiques nécessitaient une extension ou un plugin pour enregistrer une image au format .ico.

En relation  Comment corriger les doublons dans WordPress

Il existe des sites web qui convertissent des images de 16 x 16 pixels en .ico à partir de la plupart des autres formats d’image. Ils sont pratiques pour générer des favicons ponctuels. Mais le plugin dont nous allons parler ne se contente pas de faire pivoter votre favicon, il peut aussi en créer. Icon photos meaning. Il suffit de télécharger une image et de laisser le plugin faire le reste.

Assez parlé, passons aux choses sérieuses.

Installation du plugin Favicon Rotator

Connectez-vous au panneau d’administration de WordPress.

Dans la colonne de navigation de gauche, cliquez sur le lien « Plugins » et cliquez sur le lien « Ajouter un nouveau ».

Dans le champ « Search plugins… », entrez « Favicon Rotator ».

Lorsque vous avez trouvé le plugin, cliquez sur le bouton « Installer maintenant ».

Le plugin est maintenant installé, mais il doit être activé avant que vous puissiez l’utiliser.

Cliquez sur le bouton « Activate ».

C’est tout ce qu’il y a à faire : Icon picture meaning. Maintenant, mettons le plugin au travail.

Utilisation du Favicon Rotator

Dans la colonne de navigation de gauche, cliquez sur le lien « Apparence » et cliquez sur le lien « Favicon ».

Comme vous pouvez le voir, il n’y a rien à configurer. L’administration de la rotation du favicon se résume à quelques boutons : Img logo meaning. La plupart des actions du plugin se déroulent dans les coulisses.

Vous pouvez télécharger deux types d’icônes, les favicons et les icônes tactiles. Vous connaissez le favicon de 16 x 16 pixels. L’icône tactile est une image plus grande qu’une favicône qui est utilisée dans certains cas sur les écrans tactiles : Logo image. Téléphones, tablettes, certains moniteurs, etc.

Télécharger des favicons

Le plugin redimensionnera toute image que vous téléchargez à la taille appropriée pour un favicon ou une icône tactile. Mais même si le plugin convertit les grandes images, vous ne voudrez probablement pas les utiliser : Logo image ai. Plus l’image est grande, moins elle a de chances d’être lisible en tant que favicon de 16 x 16 pixels.

En relation  Comment placer des histoires audio avec des images dans WordPress

Les images simples et audacieuses sont les meilleures icônes.

Cliquez sur le bouton « Ajouter une icône ».

Une fenêtre de téléchargement s’affiche. Logo image gratuit. Vous pouvez choisir une image sur votre ordinateur ou dans la bibliothèque de médias de WordPress.

Lorsque vous choisissez un fichier, il est téléchargé et affiché.

  • Si vous devez apporter des modifications, cliquez sur le bouton « Modifier l’image » pour mettre l’image à l’échelle (la rendre carrée), la recadrer ou la faire pivoter.
  • Si l’image est prête à être utilisée, cliquez sur le bouton « Ajouter une icône de navigateur » pour créer un favicon.

Enfin, cliquez sur le bouton « Enregistrer les modifications ».

Vous pouvez maintenant voir l’image que vous avez sélectionnée comme favicon.

Pourquoi on l’appelle le Favicon Rotator ?

Si une favicon est bonne, deux doivent être meilleures, n’est-ce pas ? Ou trois, ou 10 : Logo image png. La beauté du Favicon Rotator réside dans sa capacité à servir un favicon aléatoire à partir d’un groupe de fichiers.

Ajoutons donc d’autres images. Nous procédons de la même manière que pour les premières.

Cliquez sur le bouton « Ajouter une icône ».

Choisissez une image sur votre ordinateur ou dans la médiathèque de WordPress.

Si vous souhaitez apporter des modifications, cliquez sur le bouton « Modifier l’image ».

Si l’image est prête, cliquez sur le bouton « Ajouter une icône de navigateur ».

Cliquez sur le bouton « Enregistrer les modifications ».

J’ai ajouté trois images ici en tant que favicons, et celle qui apparaîtra dans le navigateur d’un visiteur sera une sélection aléatoire.

Les images sont petites, mais agrandissons la page pour que vous puissiez voir ce que j’ai fait.

Remarquez qu’il s’agit de trois images différentes, mais que j’ai utilisé la même icône dans les trois cas. L’une d’entre elles est inversée, elles utilisent des couleurs différentes, mais elles partagent toutes la même illustration.

De cette façon, il y a une variété et une sélection aléatoire, mais la marque est reconnaissable quel que soit le favicon affiché.

C’est une chose importante à garder à l’esprit si vous faites pivoter votre favicon. Vous voulez qu’elle soit différente mais toujours reconnaissable. C’est la raison d’être d’une favicon, qui permet d’identifier votre site web.

Lorsque quelqu’un s’habitue à voir l’une de vos icônes favorites, il l’associe à votre site. Logo image roblox. Si l’icône change lors d’une nouvelle visite, il risque de ne pas faire le lien avec la nouvelle icône. Logo jpg meaning. Si vous conservez l’élément principal reconnaissable et que vous changez la couleur ou la rotation, vous éviterez d’embrouiller les visiteurs qui reviennent.

En relation  Comment installer un autre plugin WordPress Classifieds (AWPCP)

Cache du navigateur et favicons

Vous avez peut-être remarqué que votre favicon ne semble pas changer lorsque vous rechargez votre site, même si vous en avez téléchargé plusieurs. Cela s’explique par le fait que chaque navigateur stocke les favicons d’une manière différente, mais qu’ils les mettent tous en cache. Pour voir une nouvelle icône, vous devrez peut-être vider le cache de votre navigateur.

L’effacement du cache du navigateur peut être perturbant et prendre du temps. Logo meaning image. La meilleure façon d’essayer d’obtenir une icône différente est donc d’ouvrir un autre navigateur et de visiter votre site.

Téléchargement d’icônes tactiles

L’ajout d’une icône tactile se fait de la même manière que l’ajout de favicons.

Cliquez sur le bouton « Définir l’icône ».

Choisissez une image sur votre ordinateur ou dans la médiathèque de WordPress.

Si vous souhaitez apporter des modifications, cliquez sur le bouton « Modifier l’image ».

Si l’image est prête, cliquez sur le bouton « Définir l’icône tactile ».

Cliquez sur le bouton « Enregistrer les modifications ».

Les icônes tactiles ne tournent pas. Vous ne pouvez définir qu’une seule image comme icône tactile. Lorsque vous téléchargez une image d’icône tactile, elle écrase l’image précédente.

Vous pouvez utiliser des images plus grandes pour les icônes tactiles, mais elles ne doivent pas être trop différentes de celles de vos favicons : (Logo photos meaning). Essayez de conserver des images cohérentes entre les icônes.

Que se passe-t-il si vous désinstallez le plugin Favicon Rotator ?

Si vous désinstallez le plugin, votre favicon reviendra à votre favicon précédent ou à l’icône par défaut de WordPress.

Le plugin n’a pas créé un fichier de 16 x 16 pixels et ne l’a pas installé dans votre répertoire racine. Il a utilisé une autre méthode de favicon, en ajoutant la ligne suivante à la page d’accueil de votre site

Lorsque le plugin est désinstallé, la ligne n’est plus insérée, de sorte que votre favicon sera rétabli.

Vous savez maintenant comment convertir et faire pivoter les images de favicon dans WordPress

Mais vous n’avez pas besoin de faire pivoter les favicons pour l’utiliser : Whatsapp icon image meaning. Il est également utile comme générateur de favicons si vous n’avez pas de programme graphique capable d’enregistrer des fichiers .ico.

Il peut sembler exagéré d’installer un plugin uniquement pour les favicons. Mais le plugin n’utilise aucune ressource à moins qu’il ne convertisse des fichiers, il s’agit donc d’un ajout inoffensif à WordPress.

Avez-vous déjà utilisé une autre méthode pour faire pivoter les favicons ? Si vous utilisez plusieurs favicons, ont-ils tous la même apparence ? Faites-le moi savoir dans les commentaires.