Modifier la présentation des liens de navigation

KhyinnKhyinn Member

Bonjour,
J'utilise Font Awesome dans un thème que j'ai créé pour PluXML 5.8.7.
Je voudrais pouvoir modifier mon menu de navigation pour pouvoir ajouter des icônes devant le nom, par exemple pour le lien Accueil, le modifier en :
<i class="fa fa-home"></i> Accueil

Y a-t-il un moyen de faire ceci, idéalement via un plugin ou directement dans le thème ?

Réponses

  • 27 août modifié

    Bonjour,

    Une solution serait d'injecter tes icones via un pseudo en te basant sur la valeur title de ton lien et du de l'unicode correspondant à la version de fontawesome que tu utilise .

    par exemple pour le lien de l'accueil , l'unicode à recuperer pour la version de fontawesome 6 se trouve sur la page de description de l’icône : https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=home&s=solid

    ce qui donnerait pour le CSS de base en version française :

            a[title="acceuil"]:before {
               font-family:fontawesome;
               content:'\1f3e0";
               /* si besoin , décommenter et affubler des valeurs qui te conviennent */
               /* vertical-align:  ; */
               /*color:  ; */
               /* font-size:   ;*/
            }
    

    Il faut faire attention à utiliser l'unicode correspondant à la version de fontawesome utilisée . d'une version à l'autre ceux-ci peuvent changer.

    Cordialement

    edit :
    voici un exemple basé sur la version 5.15 et lien d'acceuil extrait du code de https://demo.pluxml.org/ en demo : https://jsfiddle.net/hj37bL6u/1/

    Remise en ligne et test de mon vieux site re7net.com . le design et moi on ne sait ... s'est jamais reconnu en fait! mais je fait des efforts.

Connectez-vous ou Inscrivez-vous pour répondre.