Guide de démarrage WordPress Favicons
Si vous ne créez pas un logo visuel clair sur le site, votre marque sera certainement affectée. Les gens ne veulent pas revenir sur les sites qui offrent une mauvaise expérience utilisateur et une conception incohérente. Assurez – vous que votre site se démarque dans les onglets de navigateur Web et les listes de signets pour aider à renforcer votre marque, et Favicon est un moyen facile. Favicon permet aux propriétaires de sites Web de créer une forte identité visuelle en améliorant l’expérience utilisateur. Dans cet article, nous vous présentons toutes les informations que vous devez savoir sur les favcons – ce qu’ils sont, où ils sont utilisés et comment ils peuvent vous aider – et nous discutons des meilleures pratiques et des formats d’images recommandés pour les favcons. Enfin, nous vous proposons un mini Tutoriel sur les trois façons de mettre en œuvre Favicons dans WordPress.
Allons – y! Favicons introduction les Favicons sont de petites images qui apparaissent dans l’onglet navigateur à gauche du nom du site:
Favicon peut avoir un effet
Redéfinissez, ni l’un ni l’autre ne servira votre marque.
Bien que les meilleures pratiques montrent que certains d’entre nous sont intrinsèquement rebelles, ils choisissent le format de fichier PNG pour nos Favicons. Les fichiers PNG peuvent être plus faciles à créer que les fichiers ICO – vous pouvez les créer avec presque n’importe quel logiciel d’édition d’image avec un minimum de fonctionnalités de conception. Comme pour les fichiers ICO, PNG fournit également une transparence de canal Alpha 8 bits; Le seul inconvénient est l’absence de plusieurs tailles d’images. Comme indiqué ci – dessus, les formats de fichiers ICO stockent plusieurs versions d’images dans différentes tailles et résolutions. Cela permet aux propriétaires de sites Web de créer leur site Web Favicon, qui est de la taille appropriée pour être utilisé sur des appareils mobiles autres que les ordinateurs de bureau.
La mauvaise nouvelle est qu’il y a plusieurs facteurs à prendre en considération pour fournir le meilleur Favicon pour un appareil mobile, comme la taille de l’écran de l’appareil, la résolution et le système d’exploitation en cours d’exécution. La meilleure façon est de fournir un support complet: ICO Favicon, PNG Favicon, Apple touch icon et Windows 8 tuiles graphiques. De cette façon, les visiteurs de votre site verront la meilleure version Favicon de leur appareil. Par souci de simplicité, dans la section suivante, nous vous montrerons comment créer un Favicon standard. Quel format de fichier devriez – vous utiliser? Il est préférable d’utiliser à la fois ICO et PNG. D’une part, PNG est facile à créer dans presque tous les logiciels d’édition d’images et représente le \
Si vous connaissez bien les outils professionnels d’édition d’images, il est préférable de créer les versions ICO et PNG de Favicon. Tout ce que vous avez à faire est de déclarer favic
N PNG in tag Et enregistrer ICO Favicon dans le répertoire principal du site Web dans le fichier Favicon. ICO. (nous verrons plus loin les étapes de la mise en œuvre de Favicons sur le site WordPress.) Comment créer Favicon pour votre site Il existe de nombreuses options pour créer Favicon. Peut – être le plus rapide et le plus simple est l’éditeur de Favicon en ligne, comme le générateur de Favicon (que nous recommandons fortement). En plus de cela, vous avez un bon vieux Photoshop Adobe, encore moins toujours populaire (et gratuit!) Gimp, c’est notre outil préféré. Les étapes suivantes expliquent comment créer un Favicon pour votre site Web en utilisant gimp.
Commencez par gimp et créez un nouveau fichier en allant au fichier > nouveau: Réglez la toile à 512px X X 512px avec une résolution de 72 px \/ pouce. Assurez – vous que l’espace de couleur est réglé à la couleur RGB et que la toile est transparente. Peindre le Favicon sur la toile pour s’assurer qu’il occupe l’ensemble de la toile (c. – à – D. qu’il ne laisse pas beaucoup d’espace). Lorsque le projet est prêt, allez au fichier > exporter et sélectionnez une extension. ICO. Cliquez sur le bouton Exporter pour continuer. Enregistrer Favicon en tant que fichier ICO a l’avantage supplémentaire d’inclure plus de taille d’image, et le navigateur fournira automatiquement la taille la plus appropriée en fonction de l’appareil ou du système d’exploitation qui y accède. C’est tout ce qu’il faut faire! Maintenant que vous avez créé Favicon et êtes prêt, tout ce que vous avez à faire est de le télécharger sur le site WordPress.
Les 3 façons d’ajouter Favicon à wordpress pour télécharger Favicon sur votre site sont les plus simples. Selon votre configuration, vous devez suivre l’une des trois méthodes énumérées ci – dessous. Option 1: Télécharger Favicon via le personnalisateur WordPress (Remarque: tous les thèmes n’ont pas l’option de télécharger Favicon. Sinon, vous pouvez utiliser l’une des autres méthodes.) Connectez – vous au panneau d’administration WordPress et allez à
Sur apparence > personnaliser. Ensuite, sélectionnez l’ID du site > icône du site et cliquez sur le bouton sélectionner l’image. Après avoir sélectionné le fichier Favicon, cliquez sur le bouton sélectionner. Votre Favicon apparaîtra sous le titre de l’icône du site dans la section identification du site: Cliquez sur le bouton Enregistrer et publier. Option 2: téléchargez Favicon à partir de la page options de thème (Remarque: tous les sujets n’ont pas de panneau d’options de thème intégré; sinon, vous pouvez utiliser l’une des autres méthodes.) De nombreux sujets (en particulier les variétés Premium) permettent aux propriétaires de sites Web de télécharger Favicon via la page options de sujets. Par exemple, Divi a une option pour charger les Favicons à travers le panneau d’options du sujet: Consultez votre document de sujet (ou le panneau d’options de forage, le cas échéant) pour voir si vous pouvez utiliser cette fonctionnalité. Option 3: utilisez le plugin si votre thème ne vous permet pas de télécharger Favicon via le personnalisateur WordPress par défaut, ou si vous avez un panneau d’options de thème intégré, vous pouvez utiliser le plugin. Certains plug – ins sont disponibles, tels que le ventilateur multifonctionnel et le rotateur de ventilateur. Cependant, nous nous concentrerons sur le choix suivant – le Favicon du générateur de défaut réel. Le Favicon de realfavicongenerator est un plugin wordpress gratuit qui permet aux propriétaires de sites Web de créer et de télécharger leur Favicon. Le plug – in garantit que votre Favicon est affiché de façon optimale sur les PC et Mac ainsi que sur les appareils mobiles IOS, Android et Windows 8. Pour commencer, allez au plug – in > Ajouter un nouveau plug – in à partir du panneau d’administration du site, puis installez le plug – in Favicon à partir du générateur realfavicon. Une fois le plug – in activé, allez à Look > Favicon pour charger le fichier image Favicon: Cliquez sur le bouton générer un défaut pour continuer. Vous serez redirigé pour vous permettre de définir
Options de configuration au niveau du périphérique: Après avoir configuré les paramètres, faites défiler vers le bas et cliquez sur les boutons générer le Favicon et le code HTML: C’est tout ce qu’il faut faire! Vous pouvez prévisualiser Favicon sur différents appareils sur l’écran suivant. Conclusion Favicon n’est peut – être pas l’élément de marque le plus important de votre site, mais il est rapide, facile à mettre en oeuvre et avantageux. Ils fourniront à votre site l’équipement supplémentaire nécessaire pour afficher dans une fenêtre de navigateur bondée. Après avoir lu ce tutoriel, vous pouvez maintenant aller plus loin. Résumons rapidement les principaux points de cet article: Déterminez d’abord le format et la taille du fichier dont vous avez besoin. Créez un Favicon en utilisant le générateur de Favicon ou un outil professionnel d’édition d’images. Utilisez l’une des trois méthodes que nous avons décrites pour télécharger votre Favicon sur WordPress. Pouvez – vous créer et télécharger votre Favicon? Veuillez nous contacter via la section commentaires ci – dessous et nous faire savoir! Source: geralt.