[Résolu] Soucis d’affichage font awesome via Elementor sur certaines pages. (Créer un compte)

  • WordPress :6.3
  • Statut : résolu
  • Ce sujet contient 9 réponses, 2 participants et a été mis à jour pour la dernière fois par Rodolphe D, le il y a 3 mois.
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2463688
    Rodolphe D
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.1/5.7
    • Thème utilisé : Astra (4.5.1)
    • Extensions en place : Elementor / Elementor Header & Footer / a3 Lazy Load / Disable Search / Duplicate Page / FileBird / Maintenance / Site Kit GG / Yoast
    • Nom de l’hébergeur : Gandi (S+)
    • Adresse du site : http://www.rodolphe-deschamps.fr

    Problème(s) rencontré(s) :

    Slt,

    Après avoir tenté d’optimiser les font google du theme et awesomes d’Elementor, je rencontre un soucis.

    Ce que j’ai fait :
    – Font du thème passé par défaut en font « locale » (ici verdana)
    – Désactivation des fonts google dans Elementor
    – Désactivation des fonts par défaut d’Elementor (hérite donc de la local du thème)
    – Désactivation de la prise en charge font awesome v4

    – Régénération des css, données et librairie Elementor.

    Ce qui se passe.
    En haut du site page d’accueil, menu « eco-conception avec un icon awesome « feuille ». OK
    En bas du site, page d’accueil, contact avec icons awesome. OK

    Le problème ce situe sur des pages interne.
    La totalité des pages accessible via le menu horizontal, sont ok.
    Par contre, les pages suivantes non.
    Les icons font awesome ne chargent pas…

    h**ps://www.rodolphe-deschamps.fr/expertise-seo-angers/seo-technique/
    h**ps://www.rodolphe-deschamps.fr/expertise-seo-angers/on-page-seo/
    h**ps://www.rodolphe-deschamps.fr/expertise-seo-angers/off-page-seo/

    Si quelqu’un a une idée…

    Voilà merci de votre aide.

    • Ce sujet a été modifié le il y a 3 mois par Rodolphe D.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2463692
    momofr@free.fr
    Modérateur
    Maître WordPress
    6676 contributions

    Salut, « Font du thème passé par défaut en font « locale » (ici verdana) » la police Verdana est une police WebSafe elle est présente sur tous les systèmes pas besoin de l’embarquer.

    « Désactivation de la prise en charge font awesome v4 », je pense que ton erreur est là, il faut activer ce support avec Elementor.

    #2463733
    Rodolphe D
    Participant
    Initié WordPress
    6 contributions

    Slt,

    Je n’embarque pas la verdana, je la sélection dans le thème pour, ce que j’explique, une utilisation locale et non un chargement de font extérieur. 😉

    Concernant la désactivation de la v4, je vais tester, mais je ne pense pas que ça ait la moindre incidence puisque les icons s’affichent correctement sur toutes les autres pages du site.

    #2463745
    Rodolphe D
    Participant
    Initié WordPress
    6 contributions

    Re,

    Bon, après test… je reste dans l’interrogation.

    Sans version 4 des fonts awesome, 8 pages sur 11 affichent les icons correctement.
    Avec la version 4 des fonts,  11 pages sur 11 sont ok.

    Sauf que ça me gène de rajouter autant de requêtes pour corriger un bug.

    #2463746
    momofr@free.fr
    Modérateur
    Maître WordPress
    6676 contributions

    Salut, ce n’est pas un bug, les icônes demandées sont dans la librairie FA4. Tu peux palier ça via CSS en modifiant la classe de l’icône.

    #2463766
    Rodolphe D
    Participant
    Initié WordPress
    6 contributions

    « ce n’est pas un bug, »
    Bah si ca fonctionne pour certaines pages et pas d’autre, j’ai pas d’autre définition.

    « Tu peux palier ça via CSS en modifiant la classe de l’icône. »
    Là, j’avoue ne pas comprendre la subtilité de changer la classe css pour certaine pages uniquement. o0

    #2463781
    momofr@free.fr
    Modérateur
    Maître WordPress
    6676 contributions

    Salut, ce n’est sans doute pas la même icône… non ?

    Je parle de la classe de l’icône, elle est, en général, définie sur un :before.

    #2463787
    Rodolphe D
    Participant
    Initié WordPress
    6 contributions

    C’est le même bout de code, puisque dans un widget pour le pied de page pour les unes et dans le menu pour l’autre.
    Un bout de code identique pour toutes les pages.

    Je vais décortiquer le code d’une page ok avec une nok, voir ce qui est différent…

    #2463793
    momofr@free.fr
    Modérateur
    Maître WordPress
    6676 contributions

    Salut, ok, essaye déjà de régénérer les CSS dans les outils d’Elementor.

    Ce qui est étrange c’est que ces éléments ne sont pas créés avec Elementor mais avec ton thème.

    Sur ces pages avec le problème on n’a pas les mêmes styles pour ces éléments… tu as un cache sur ce site ?

    Tu peux aussi activer la fonction de changement de police d’icône par leur version SVG, c’est dans les réglages d’Elementor -> Fonctionnalités -> Cocher « Polices d’icônes « inline » ».

    #2463806
    Rodolphe D
    Participant
    Initié WordPress
    6 contributions

    Bon, je pense avoir soulevé le soucis.

    Entre une page ok et un page nok, il y a une différence de chargement de la css fontawesome
    Page ok, ça charge la css « solid » :

    <link rel='stylesheet' id='elementor-icons-fa-solid-css' href='/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' />

    Page nok, ça charge la css « regular »:

    <link rel='stylesheet' id='elementor-icons-fa-regular-css' href='/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3' media='all' />

    Après différent test, ce qui fait fonctionner les icon menu et footer, c’est que j’ai des icon « solid » au sein de la page.
    Une page vierge d’icons, ceux des menu et footer ne s’affiche pas.
    Mais si dans une page, j’ajoute un élément qui requiert la css « regular », ca charge la css regular et donc plus d’icon pour menu/footer.

    Donc la solution qui est bancale c’est que je doit utilise des icon « solid » au sein de mes pages.
    C’est la contruction via elementor qui me permet d’afficher celles du theme.

    • Cette réponse a été modifiée le il y a 3 mois par Rodolphe D.
10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.