Comment ajouter de grandes icônes à WordPress manuellement ou en utilisant des plugins
Pour votre site, vous 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 qu’il s’applique également aux appareils à souris. Utilisez moins d’espace. Les icônes vous permettent d’utiliser moins de texte pour compresser le menu. Permet aux lecteurs de comprendre plus rapidement les options du menu. Par exemple, nous savons tous que l’icône crayon signifie Édition. Internationalisez votre site. Comme nous l’avons mentionné ci – dessus, les utilisateurs anglais ne sont pas les seuls à connaître le sens de l’icône crayon. Cependant, lorsque vous utilisez des icônes, gardez toujours à l’esprit que vous devriez toujours fournir une étiquette de texte avec l’icône. De nombreuses études ont montré que les icônes elles – mêmes peuvent confondre les lecteurs. Cependant, lorsque vous 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, vous pouvez ajouter de grandes icônes de polices en utilisant le plug – in. Il vous permet de les insérer dans WordPress en utilisant un code court, même si vous devez encore les éditer manuellement. J’en parlerai dans la section suivante. Mais pour ceux qui préfèrent une approche plus pratique, il est facile d’insérer manuellement de grandes icônes de police. Fondamentalement, tout ce que vous avez à faire est d’ajouter de grandes feuilles de style de police à votre site. Vous pouvez ensuite utiliser les icônes d’insertion et de modélisation CSS. Commençons par… Étape 1: mettez en file d’attente la merveilleuse feuille de style de police dans la fonction. Php super font style Sheet est une liste d’icônes constamment mise à jour. Vous pouvez l’ajouter à 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 – vous à la version gérée par le CDN Bootstrap (je l’ai 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 l’URL réelle de la Feuille de style. Pour télécharger une feuille de style, allez ici, puis téléchargez – la sur votre site FTP et copiez le chemin du fichier. Sinon, utilisez simplement cette URL pour la Feuille de style CDN de démarrage externe: https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css
Par conséquent, vous devez ajouter ce code à la fonction fichier. Sous – thème de PHP (vous voulez utiliser un sous – thème!). Ajouter _ action (‘WP enqueue scripts’,’ enqueue Load fa ‘); Fonction enqueue _ Load fa () {WP enqueue style (‘load fa’, ‘ https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css ‘);} Si vous avez téléchargé une feuille de style sur le site, il vous suffit de remplacer le lien CDN Bootstrap par l’URL de la Feuille de style gérée sur le site. Ça devrait être comme ça:
La taille par défaut de l’icône est très petite. La plupart du temps, vous voudrez que votre icône soit plus grande. Heureusement, il est très facile d’utiliser CSS (rappelez – vous que je vous ai dit que c’était comme une police!). Pour agrandir l’icône, il suffit d’ajouter un simple ajout à la classe icon. Par exemple, pour tripler l’icône du carnet d’adresses que j’utilise ci – dessus, il suffit d’ajouter \
Il s’agit d’un plugin gratuit, donc vous pouvez l’installer et l’activer directement à partir du tableau de bord WordPress: Une fois activé, il n’y 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 l’icône et d’entrer les options souhaitées: Pour modéliser les icônes, vous devez utiliser les mêmes classes que je vous ai montrées dans l’exemple manuel ci – dessus. Par exemple, pour agrandir l’icône 3 fois, vous devez ajouter cette classe au raccourci: En fait, vous devez encore modéliser vos icônes manuellement, c’est pourquoi je n’ai pas trouvé le plug – in meilleur que l’option manuelle. Ajouter une icône de police AWESOME à un élément de menu si vous 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é, vous pouvez ajouter de grandes icônes de police à l’élément de menu semplic
Saisissez le nom font AWESOME dans la zone de classe CSS (facultatif): Comme toutes les autres options, vous pouvez utiliser les mêmes options de style pour augmenter la taille de l’icône, animer l’icône, ou plus encore. Si vous ne voyez pas immédiatement la boîte de classe CSS, vous devrez peut – être aller aux options de l’écran et l’activer: 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 d’ajouter manuellement une police AWESOME en joignant une feuille de style à un fichier de fonctions. PHP pour votre sous – thème. Mais si vous ne voulez pas vous en occuper, les deux options plug – in que j’offre peuvent également vous faciliter le démarrage. Si vous souhaitez améliorer les polices sur le site WordPress par d’autres moyens, je vous suggère de consulter également nos polices Google et le Guide WordPress. Lisez cet article si vous voulez en savoir plus sur css et comment fonctionne un peu un style de police fantastique.