Pour votre site, ne faites pas que le rendre beau. Vous avez également:
Permet au lecteur de cliquer plus facilement sur les options du menu. Bien que cela soit particulièrement avantageux pour les appareils tactiles, Nng souligne qursquoil srsquoapplique également aux appareils à souris. Utilisez moins drsquoespace. Les icônes permettent drsquoutiliser moins de texte pour compresser le menu. Permet aux lecteurs de comprendre plus rapidement les options du menu. Par exemple, nous savons tous que lrsquoicône crayon signifie Édition. Internationalisez votre site. Comme nous lrsquoavons mentionné ci dessus, les utilisateurs anglais ne sont pas les seuls à connaître le sens de lrsquoicône crayon. Cependant, lorsque utilisez des icônes, gardez toujours à lrsquoesprit que devriez toujours fournir une étiquette de texte avec lrsquoicône. De nombreuses études ont montré que les icônes elles mêmes peuvent confondre les lecteurs. Cependant, lorsque les incluez dans la structure de la page, ils augmentent la disponibilité et rendent la page plus belle.
Comment ajouter manuellement des icônes de polices fraîches à WordPress OK, pouvez ajouter de grandes icônes de polices en utilisant le plug in. Il permet de les insérer dans WordPress en utilisant un code court, même si devez encore les éditer manuellement. Jrsquoen parlerai dans la section suivante. Mais pour ceux qui préfèrent une approche plus pratique, il est facile drsquoinsérer manuellement de grandes icônes de police. Fondamentalement, tout ce que avez à faire est drsquoajouter de grandes feuilles de style de police à votre site. Vous pouvez ensuite utiliser les icônes drsquoinsertion et de modélisation CSS. Commençons par Étape 1: mettez en file drsquoattente la merveilleuse feuille de style de police dans la fonction. Php super font style Sheet est une liste drsquoicônes constamment mise à jour. Vous pouvez lrsquoajouter à un site de deux façons:
Téléchargez la Feuille de style la plus récente de font AWESOME et téléchargez la sur votre site Web via FTP. Connectez à la version gérée par le CDN Bootstrap (je lrsquoai fait, pas de problème). Indépendant
À partir des options sélectionnées, les étapes suivantes seront les mêmes. La seule chose qui change est lrsquoURL réelle de la Feuille de style. Pour une feuille de style, allez ici, puis téléchargez la sur votre site FTP et copiez le chemin du fichier. non, utilisez simplement cette URL pour la Feuille de style CDN de démarrage externe: https:maxcdn.bootstrapcdn.comfont-awesome4.7.0cssfont-awesome.min.css
Par conséquent, devez ajouter ce code à la fonction fichier. Sous thème de PHP ( voulez utiliser un sous thème!). Ajouter _ action (lsquoWP enqueue scriptsrsquo,rsquo enqueue Load fa lsquo) Fonction enqueue _ Load fa () {WP enqueue style (lsquoload farsquo, lsquo https:maxcdn.bootstrapcdn.comfont-awesome4.7.0cssfont-awesome.min.css lsquo)} avez téléchargé une feuille de style sur le site, il suffit de remplacer le lien CDN Bootstrap par lrsquoURL de la Feuille de style gérée sur le site. Ça devrait être comme ça: Certains diront simplement drsquoinsérer un lien vers une feuille de style dans le fichier drsquoen tête. Php, ne fais pas ça. Bien qursquoil puisse encore fonctionner, faire la queue de cette façon est la bonne façon.
Étape 2: ajoutez de belles icônes de police à WordPress une fois que avez ajouté une feuille de style, pouvez commencer à ajouter de belles icônes de police à WordPress. Crsquoest très simple. Pour ajouter une icône de base, il suffit drsquoajouter le fragment de code suivant: Où puis je trouver le nom de lrsquoicône? Accédez facilement au site Web de font aweasome, naviguez ou recherchez des icônes: Cliquer sur lrsquoicône mènera à sa page dédiée. Ensuite, faites défiler vers le bas et trouvez le code HTML:
essayez d’utiliser des icônes dans un message, devez assurer de les ajouter à l’onglet texte de l’éditeur WordPress. Par exemple, ajouter à un onglet texte: Il le fait à lrsquoavant: Étape 3: Vous pouvez voir le style des icônes de caractères fantastiques dans lrsquoexemple ci dessus,
La taille par défaut de lrsquoicône est très petite. La plupart du temps, voudrez que votre icône soit plus grande. Heureusement, il est très facile drsquoutiliser CSS (rappelez que je ai dit que crsquoétait comme une police!). Pour agrandir lrsquoicône, il suffit drsquoajouter un simple ajout à la classe icon. Par exemple, pour tripler lrsquoicône du carnet drsquoadresses que jrsquoutilise ci dessus, il suffit drsquoajouter
Il s’agit d’un plugin gratuit, donc pouvez l’installer et l’activer directement à partir du tableau de bord WordPress: Une fois activé, il nrsquoy a plus rien à configurer. Vous verrez une nouvelle icône d’insertion de générateur de code raccourci dans l’éditeur WordPress. Il suffit de cliquer dessus, de filtrer lrsquoicône et drsquoentrer les options souhaitées: Pour modéliser les icônes, devez utiliser les mêmes classes que je ai montrées dans lrsquoexemple manuel ci dessus. Par exemple, pour agrandir lrsquoicône 3 fois, devez ajouter cette classe au raccourci: En fait, devez encore modéliser vos icônes manuellement, crsquoest pourquoi je nrsquoai pas trouvé le plug in meilleur que lrsquooption manuelle. Ajouter une icône de police AWESOME à un élément de menu si souhaitez ajouter une icône de police AWESOME à un élément de menu WordPress réel, il existe un autre bon plugin appelé le menu AWESOME font 4. Une fois activé, pouvez ajouter de grandes icônes de police à lrsquoélément de menu semplic
Saisissez le nom font AWESOME dans la zone de classe CSS (facultatif): Comme toutes les autres options, pouvez utiliser les mêmes options de style pour augmenter la taille de lrsquoicône, animer lrsquoicône, ou plus encore. ne voyez pas immédiatement la boîte de classe CSS, devrez peut être aller aux options de lrsquoécran et lrsquoactiver: L’ajout de grandes icônes de police dans WordPress est un excellent moyen d’améliorer l’esthétique du site et de faciliter la navigation des utilisateurs. Ma préférence personnelle est drsquoajouter manuellement une police AWESOME en joignant une feuille de style à un fichier de fonctions. PHP pour votre sous thème. Mais si ne voulez pas en occuper, les deux options plug in que jrsquooffre peuvent également faciliter le démarrage. souhaitez améliorer les polices sur le site WordPress par d’autres moyens, je suggère de consulter également nos polices Google et le Guide WordPress. Lisez cet article si voulez en savoir plus sur css et comment fonctionne un peu un style de police fantastique.
