Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Si vous avez le choix entre une icône vectorielle ou une image statique, c’est une bonne idée d’aller avec le vecteur. Ils sont petits et rapides à charger et peuvent être mis à l’échelle à n’importe quelle taille sans perte de résolution. Font Awesome est une excellente bibliothèque de symboles vectoriels à utiliser sur vos sites Web. Ils ont probablement presque toutes les formes ou marques dont vous avez besoin. Et le meilleur de tous? C’est gratuit. Le deuxième mieux est que c’est facile.

Abonnez-vous à notre chaîne Youtube

Icônes WordPress impressionnantes de polices

L’utilisation de la bibliothèque Font Awesome sur votre site WordPress est relativement simple. Une fois que vous avez suivi ces étapes simples, vous pouvez réduire le temps de chargement de votre page et utiliser ces icônes pour créer des conceptions vraiment propres et nettes dans le cadre de votre travail.

Une chose à retenir est que (la plupart du temps) les icônes Font Awesome seront livrées sur votre site en tant que polices réelles. D’où le nom Font Awesome. Vous pouvez les formater et les modifier comme vous le feriez normalement avec un caractère, en utilisant CSS via @ Police de caractère et la police Awesome Famille de polices.

Pour cette raison, vous n’avez pas à vous soucier de la taille ou de l’espacement de chaque navigateur ou fenêtre. Si ça sonne bien, c’est parce que ça l’est. Et voici comment vous procédez:

Installez Font Awesome

Bien qu’il existe un moyen manuel d’installer et d’utiliser Font Awesome, il existe un meilleur moyen pour les utilisateurs de WordPress. Les braves gens de FA ont publié un plugin WordPress officiel Font Awesome. et ça marche à merveille.

Font Awesome WordPress

Avec le plugin installé et activé, vous avez maintenant accès au [[icon name]]Shortcode ainsi que les extraits HTML. Tant que tu gardes ça Liste d’icônes Handy dandy FA autour Vous savez donc exactement de quel symbole vous avez besoin. Vous pouvez le voir sur la page des paramètres du plugin (voir Paramètres – Font Awesome) comment les choses sont configurées par défaut. En général, ils peuvent être conservés et utilisés. La plupart des gens n’ont besoin de rien d’autre.

Font Awesome WordPress

le méthode L’option est probablement la plus importante pour la plupart des gens. Vous pouvez basculer entre Police Web ou SVG. Alors que SVG vous donne plus de puissance et de fonctionnalités (telles que Le pouvoir se transforme et masquage), le CDN Font Awesome fournit les symboles sous forme de fichiers SVG et non de polices. Bien que ce soit mieux à certains égards, le SVG n’est pas reconnu par autant de navigateurs, et WordPress ne fonctionne pas toujours bien avec les images SVG non plus. Nous vous recommandons donc de jouer en toute sécurité avec la version de police Web.

Font Awesome aussi: Si vous n’êtes pas sûr de la différence ou si vous ne savez pas pourquoi vous devez utiliser SVG, il est probablement plus facile de s’en tenir à la méthode de police Web standard.

Il est facile d’utiliser les icônes Font Awesome sur votre site WordPress. Il suffit d’ajouter partout où un symbole doit être affiché. Assurez-vous de les vérifier Bibliothèque de symboles pour savoir quel nom saisir.

Font Awesome WordPress

Remarque: les shortcodes du plugin sont un hit-and-miss. Certaines icônes s’affichent parfaitement, tandis que d’autres apparaissent vierges. Nous vous recommandons de vous en tenir à l’insertion HTML à moins que vous ne voyiez le shortcode fonctionner pour vous. Vous trouverez ci-dessous un exemple de l’exemple WordPress ci-dessus qui ne se rend pas pendant que l’icône de la caméra le fait.

Font Awesome WordPress

Et vous avez terminé. Le plugin WordPress Font Awesome est idéal pour les personnes qui n’aiment pas entrer dans leur thème ou leurs fichiers pour insérer le code dont ils auraient autrement besoin. Cependant, si c’est ce que vous voulez, vous pouvez suivre ces instructions pour voir les icônes Font Awesome sur votre site Web.

Installation manuelle des icônes Font Awesome

La toute première chose à faire est d’aller sur Font Awesome site Internet. Cliquez ici Commencez à utiliser Free Bouton. Ils proposent des forfaits payants pour les personnes qui ont des sites Web à fort trafic et qui ont besoin d’une solution commerciale, mais le grand public peut s’en tirer avec la version gratuite. Vous obtenez 1 500 icônes gratuitement et plus de 5 000 variantes du plan Pro.

Font Awesome WordPress

L’étape suivante consiste simplement à copier / coller. Cependant, vous devez vous assurer que vous avez mis en surbrillance l’option de police Web, comme nous l’avons vu précédemment.

Font Awesome WordPress

La plupart des sujets vous permettent de coller du code dans le sujet le site Web automatiquement. Dans le cas de Divi, par exemple, vous iriez là-dedans Options de thème – intégrations et collez ce code dans le champ étiqueté Ajoutez du code à la tête de votre blog.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Font Awesome WordPress

Si vous cliquez sur Enregistrer, vous pouvez insérer les symboles de votre choix comme décrit ci-dessus. Seulement vous Je n’ai pas accès au shortcode de cette façon.

Si votre thème ne prend pas en charge l’intégration de code

Si vous ne trouvez pas un tel point dans votre sujet, il est tout aussi facile de le faire manuellement. Cependant, vous devez vous plonger dans les fichiers de base de votre sujet pour ce faire. Cependant, il s’agit d’un copier / coller très rapide et (généralement) assez sûr. Aller à Apparence – éditeur dans votre tableau de bord WP et trouvez le header.php Déposer.

Font Awesome WordPress

Trouvez la ligne où et avant cela, vous devez coller le même code de Font Awesome. presse Fichier de mise à jouret vous pouvez commencer à utiliser les symboles FA tout de suite. Encore une fois, vous n’obtiendrez pas de shortcode si vous installez Font Awesome de cette façon.

Gardez également à l’esprit que chaque fois que vous modifiez un fichier de thème, vous souhaiterez en utiliser un Thème des enfants. Cela empêchera les modifications que vous avez apportées d’être écrasées lorsque vous mettez à jour la rubrique.

Plus d’options pour l’installation

Et si vous avez d’autres besoins plus spécifiques pour Font Awesome, ceux-ci fournissent un certain nombre de façons d’accéder à la bibliothèque. De NPM et fil installé aussi Esquisser et Réagir Intégration, ils ont une tonne d’options si vous en avez besoin pour plus que WordPress.

Font Awesome WordPress

Styling des icônes géniales de polices

Une fois que vous les avez installés, il est temps de faire apparaître les icônes. Vous pouvez le faire avec CSS car chacune des icônes est contrôlée par une classe CSS. Les deux styles les plus courants sont Couleur et Taille. Vous pouvez soit inclure le style CSS dans vos feuilles de style, soit le faire en ligne. En général, vous souhaiterez peut-être utiliser un style en ligne, car des icônes comme celles-ci ne sont pas universelles sur tout un site.

La police Awesome site Internet en a des exemples. Ils montrent la taille avec leur symbole igloo et la classe supplémentaire comme fa-xs ou fa-xl ou fa-2x pour une certaine taille.

Font Awesome WordPress

De plus, si vous voulez que le symbole soit relatif à une certaine taille et que les valeurs absolues ne fonctionnent pas, vous pouvez le mettre dans sa propre taille

afin que cela fonctionne dans vos limites.

<div style="font-size: 0.5rem;">
  <i class="fas fa-igloo fa-10x"></i>
</div>

Emballer

Et c’est tout! Génial, non? Que vous utilisiez le plugin WordPress Font Awesome ou que vous colliez manuellement le code, il n’y a que quelques étapes pour que votre site Web soit opérationnel. Font Awesome est populaire pour une raison, et cela tient en partie à sa facilité d’utilisation. Alors allez-y et soyez génial!

Quelle est votre façon préférée d’utiliser les icônes Font Awesome?

Article gracieuseté de Font Awesome





Source link

Recent Posts