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 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 lamp;rsquoexpérience utilisateur. Dans nous présentons toutes les informations que devez savoir sur les favcons ce quamp;rsquoils sont, où ils sont utilisés et comment ils peuvent aider et nous discutons des meilleures pratiques et des formats damp;rsquoimages recommandés pour les favcons. Enfin, nous 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 lamp;rsquoonglet navigateur à gauche du nom du site: Les premiers appareils ont été mis en oeuvre au début damp;rsquoInternet et ont été publiés pour la première fois dans Internet Explorer 5 de Microsoft en 1999. Quelques mois plus tard, le World Wide Web Consortium (wc3) lamp;rsquoa normalisé et lamp;rsquoa mis en pratique. En plus de lamp;rsquointerface tablée des navigateurs modernes, Favicons a une place dans lamp;rsquohistoire avec des signets sur les navigateurs de tous les appareils. Du point de vue de la reconnaissance visuelle, Favicon est extrêmement important pour toute activité en ligne. Les utilisateurs damp;rsquoInternet ouvrent généralement plusieurs onglets simultanément dans une fenêtre de navigateur. Favicon facilite leur retour sur votre site. En outre, ils peuvent créer une marque forte dans lamp;rsquoesprit du public. En utilisant Favicons, les visiteurs fréquents de votre site Web peuvent identifier votre site et donc votre marque assez facilement la prochaine fois quamp;rsquoils le verront.
Favicon peut avoir un effet
Redéfinissez, ni lamp;rsquoun ni lamp;rsquoautre ne servira votre marque.
Bien que les meilleures pratiques montrent que certains damp;rsquoentre 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 pouvez les créer avec presque namp;rsquoimporte quel logiciel damp;rsquoédition damp;rsquoimage 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 lamp;rsquoabsence de plusieurs tailles damp;rsquoimages. Comme indiqué ci dessus, les formats de fichiers ICO stockent plusieurs versions damp;rsquoimages 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 quamp;rsquoil y a plusieurs facteurs à prendre en considération pour fournir le meilleur Favicon pour un appareil mobile, comme la taille de lamp;rsquoécran de lamp;rsquoappareil, la résolution et le système damp;rsquoexploitation en cours damp;rsquoexé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 montrerons comment créer un Favicon standard. Quel format de fichier devriez utiliser? Il est préférable damp;rsquoutiliser à la fois ICO et PNG. Damp;rsquoune part, PNG est facile à créer dans presque tous les logiciels damp;rsquoédition damp;rsquoimages et représente le
connaissez bien les outils professionnels damp;rsquoédition damp;rsquoimages, il est préférable de créer les versions ICO et PNG de Favicon. Tout ce que 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 lamp;rsquoéditeur de Favicon en ligne, comme le générateur de Favicon (que nous recommandons fortement). En plus de cela, avez un bon vieux Photoshop Adobe, encore moins toujours populaire (et gratuit!) Gimp, camp;rsquoest 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 amp;gt nouveau: Réglez la toile à 512px X X 512px avec une résolution de 72 px pouce. Assurez que lamp;rsquoespace de couleur est réglé à la couleur RGB et que la toile est transparente. Peindre le Favicon sur la toile pour samp;rsquoassurer quamp;rsquoil occupe lamp;rsquoensemble de la toile (c. à D. quamp;rsquoil ne laisse pas beaucoup damp;rsquoespace). Lorsque le projet est prêt, allez au fichier amp;gt exporter et sélectionnez une extension. ICO. Cliquez sur le bouton Exporter pour continuer. Enregistrer Favicon en tant que fichier ICO a lamp;rsquoavantage supplémentaire damp;rsquoinclure plus de taille damp;rsquoimage, et le navigateur fournira automatiquement la taille la plus appropriée en fonction de lamp;rsquoappareil ou du système damp;rsquoexploitation qui y accède. Camp;rsquoest tout ce quamp;rsquoil faut faire! Maintenant que avez créé Favicon et êtes prêt, tout ce que avez à faire est de le sur le site WordPress.
Les 3 façons d’ajouter Favicon à wordpress pour Favicon sur votre site sont les plus simples. Selon votre configuration, devez suivre lamp;rsquoune 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 Favicon. non, pouvez utiliser l’une des autres méthodes.) Connectez au panneau d’administration WordPress et allez à
Sur apparence amp;gt personnaliser. Ensuite, sélectionnez lamp;rsquoID du site amp;gt icône du site et cliquez sur le bouton sélectionner lamp;rsquoimage. Après avoir sélectionné le fichier Favicon, cliquez sur le bouton sélectionner. Votre Favicon apparaîtra sous le titre de lamp;rsquoicô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 namp;rsquoont pas de panneau damp;rsquooptions de thème intégré sinon, pouvez utiliser lamp;rsquoune des autres méthodes.) De nombreux sujets (en particulier les variétés Premium) permettent aux propriétaires de sites Web de Favicon via la page options de sujets. Par exemple, Divi a une option pour charger les Favicons à travers le panneau damp;rsquooptions du sujet: Consultez votre document de sujet (ou le panneau damp;rsquooptions de forage, le cas échéant) pour voir si pouvez utiliser cette fonctionnalité. Option 3: utilisez le plugin si votre thème ne permet pas de Favicon via le personnalisateur WordPress par défaut, ou si avez un panneau d’options de thème intégré, 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 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 amp;gt Ajouter un nouveau plug in à partir du panneau damp;rsquoadministration du site, puis installez le plug in Favicon à partir du générateur realfavicon. Une fois le plug in activé, allez à Look amp;gt Favicon pour charger le fichier image Favicon: Cliquez sur le bouton générer un défaut pour continuer. Vous serez redirigé pour 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: Camp;rsquoest tout ce quamp;rsquoil faut faire! Vous pouvez prévisualiser Favicon sur différents appareils sur lamp;rsquoécran suivant. Conclusion Favicon namp;rsquoest peut être pas lamp;rsquoélément de marque le plus important de votre site, mais il est rapide, facile à mettre en oeuvre et avantageux. Ils fourniront à votre site lamp;rsquoéquipement supplémentaire nécessaire pour afficher dans une fenêtre de navigateur bondée. Après avoir lu ce tutoriel, pouvez maintenant aller plus loin. Résumons rapidement les principaux points de cet article: Déterminez damp;rsquoabord le format et la taille du fichier dont avez besoin. Créez un Favicon en utilisant le générateur de Favicon ou un outil professionnel damp;rsquoédition damp;rsquoimages. Utilisez l’une des trois méthodes que nous avons décrites pour votre Favicon sur WordPress. Pouvez créer et votre Favicon? Veuillez nous contacter via la section commentaires ci dessous et nous faire savoir! Source: geralt.
Guide de démarrage WordPress Favicons