Comment réparer les icônes Elementor qui ne s’affichent pas ?

Le développement Web a ses bizarreries - un moment, tout semble parfait, et le prochain, vos icônes Elementor ont disparu! Si vous êtes confronté à ce même problème, ne vous inquiétez pas, vous n'êtes pas seul. De nombreux utilisateurs rencontrent ce même problème en raison de paramètres erronés, de fichiers CSS manquants ou de conflit avec leur fournisseur d'hébergement .

Alors, qu'est-ce qui cause cela? Il peut s'agir de tout ce qui des icônes de police en ligne est désactivée, de code PHP brisé, d'autorisations de fichiers incorrectes ou même d'un lien manquant vers les feuilles de style nécessaire. Mais la bonne nouvelle? Il existe des réponses claires et des correctifs simples qui ne nécessitent pas de compétences de codage avancées.

Ce guide vous guidera à travers des solutions étape par étape pour ramener vos icônes Elementor. Qu'il s'agisse de peaufiner un fichier CSS, de vérifier vos paramètres PHP ou de s'assurer que vos informations d'identification de connexion sont correctes, nous vous sommes couverts. Plongeons-nous et résolvons-le une fois pour toutes!

Qu'est-ce que la boîte à icônes dans Elementor ?

L'Icon Box est l'un des widgets pratiques d'Elementor, un outil préféré de nombreux utilisateurs de WordPress. Il combine parfaitement une icône avec un titre et du texte. Considérez-le comme un petit surligneur pour votre site Web – une façon de souligner quelque chose de spécial ou d'important.

En savoir plus: Elementor coincé sur l'écran de chargement? Voici comment réparer l'OT!

Voici ce que vous pouvez faire avec la Icon Box :

• Choisissez votre icône : que vous aimiez celles de Font Awesome, Material Design ou que vous ayez une icône unique, le choix vous appartient.
• Faites-en la vôtre : vous voulez que l'icône soit un peu plus grande ? Une couleur différente ? Aucun problème. Vous pouvez ajuster sa taille, changer sa teinte et jouer avec son apparence. De plus, vous pouvez rédiger votre titre et votre description.
• Glisser, déposer et terminé : vous n'avez pas besoin d'être un expert en technologie pour l'utiliser. Faites simplement glisser le widget Icon Box là où vous le souhaitez sur votre page ou votre publication, et vous êtes prêt à partir.

Lecture bonus : Comment ajouter du CSS personnalisé dans Elementor

Vous rencontrez des problèmes avec les icônes dans Elementor ? Voici une liste de contrôle pour vous aider

Mettre à jour Elementor: comme la mise à jour de vos applications téléphoniques, parfois, le logiciel doit être actualisé. Assurez-vous que votre élémentor est à jour.

Jetez un œil à la bibliothèque d'icônes : Elementor utilise une collection d'icônes personnalisées à partir des icônes Font Awesome ici. Pour vérifier s'il est activé :

• Accédez à Elementor.
• Rendez-vous dans Paramètres, puis Avancé.
• Recherchez l’option Font Awesome et assurez-vous qu’elle est cochée.

Serait-ce un autre plugin ou thème ? Parfois, différents outils ne fonctionnent pas bien ensemble.

• Essayez de désactiver les autres plugins pendant un moment.
• Pensez à passer à un thème (comme Twenty-One).
• Vérifiez si les icônes réapparaissent.

Connexe : Comment réparer le panneau de widgets qui ne se charge pas dans Elementor

Nettoyez votre cache : imaginez le cache comme la mémoire à court terme de votre navigateur. Le supprimer peut résoudre de nombreux problèmes mineurs.

• Effacez les données mémorisées de votre navigateur Internet.
• Réinitialisez également la mémoire d’Elementor (son cache).

Votre navigateur fonctionne-t-il bien ? : Tous les navigateurs ne sont pas identiques.

• Essayez-en un autre (comme si vous êtes sur Chrome, testez sur Firefox) pour voir si les icônes reviennent.

Le CDN détient-il les icônes en otage ? : Si vous utilisez un réseau de diffusion de contenu (CDN) pour votre site, il peut parfois bloquer les icônes.

• Cela vaut peut-être la peine d’en discuter avec votre fournisseur CDN.

Lire la suite : Addons Qi pour Elementor - Revue du plugin

Fix des icônes Elementor ne s'affichent pas

Il peut être déroutant lorsque les icônes personnalisées d'Elementor décident de jouer à cache-cache sur votre site Web. Mais la bonne nouvelle est que les récupérer est généralement simple. Le plus souvent, les problèmes se résument à l'une de ces deux raisons:

1. Modifications du plugin Elementor : toute modification, mise à jour ou personnalisation récente peut entraîner l'affichage correct des icônes. Cela peut être dû à des conflits ou à des paramètres incompatibles.
2. Icônes manquantes dans la bibliothèque : il arrive parfois que les icônes de la bibliothèque aient été supprimées ou ne soient pas chargées, ce qui les fait disparaître de vos mises en page.

Maintenant que nous avons identifié les coupables probables, parcourons les solutions pour ramener vos icônes à l'honneur.

En relation : Correction du titre animé Elementor qui ne fonctionne pas

Modifications dans le plugin Elementor

Vous avez peut-être récemment mis à jour le plugin Elementor ou venez de l'installer et avez constaté que certaines icônes Font Awesome ne s'affichent pas. Pas de soucis! Voici ce que vous pouvez faire :

• Accédez à votre tableau de bord WordPress.
• Choisissez « Elementor » dans la barre latérale, puis sélectionnez « Paramètres ».
• Cliquez sur l'onglet "Avancé".
• Recherchez l’option « Charger le support de Font Awesome 4 ». Activez-le ou assurez-vous qu’il est activé.

Les icônes disparaissent de la bibliothèque

Parfois, les icônes disparaissent de la bibliothèque d'icônes Elementor, en particulier dans les modèles qui utilisent des icônes « Nucleo Mini ». Voici comment vérifier et résoudre ce problème :

• Visitez la page où vos icônes doivent apparaître.
• Cliquez sur le bouton « Modifier avec Elementor » pour lancer l'éditeur Elementor.
• De là, ouvrez la médiathèque. Cela vous permettra de voir si l'icône que vous recherchez se trouve dans la bibliothèque.
• Si l'icône souhaitée est manquante, vous devez mettre à jour votre plugin Kava Extra vers la dernière version pour résoudre le problème.

Lire aussi : Divi contre. Elementor : comparaison complète

Alternative au plugin Font Awesome

Si les solutions ci-dessus n'ont pas restauré vos icônes, vous pouvez essayer une autre méthode : installer directement plugin Font Awesome 

1. Dans votre panneau d'administration WordPress, accédez à Plugins > Add New > Upload Plugin .
2. Ici, vous aurez la possibilité de télécharger le plugin Font Awesome que vous avez téléchargé sur votre ordinateur.
3. Cliquez sur le bouton « Installer maintenant ».
4. Une fois installé, n'oubliez pas de cliquer sur le bouton « Activer le plugin ».
5. Voilà ! Le plugin Font Awesome devrait maintenant être activé sur votre site et vos icônes devraient être de nouveau en action.

Sauvegardez toujours votre site avant d’apporter des modifications ou des mises à jour importantes. Si quelque chose d’inattendu se produit, vous disposerez d’un filet de sécurité sur lequel vous appuyer. 

Lire la suite : 15 Thèmes WordPress du meilleur élémentor SaaS

Conclusion

La lutte contre la conception et le développement Web peut parfois ressembler à un voyage de rebondissements inattendus. Mais avec chaque hoquet, il y a souvent une solution au coin de la rue. En ce qui concerne Elementor et ses icônes, nous avons navigué ces virages et vous a présenté des solutions faciles à suivre. De la compréhension des fonctionnalités Nifty comme la boîte d'icônes au dépannage des raisons pour lesquelles les icônes vont AWOL, nous vous avons couvert.

Avec les connaissances appropriées et une pincée de patience, assurer une expérience utilisateur transparente sur votre site Web devient un jeu d'enfant. N'oubliez pas que chaque défi, quelle que soit sa petite taille, est une opportunité d'apprendre et de grandir. Alors, gardez ces jus créatifs qui coulent, et voici pour construire de plus beaux sites Web, efficaces et conviviaux!