Liens d'en-tête personnalisés (icônes)

Ma réponse ci-dessous concernait un message désormais supprimé qui contenait ce qui suit. Je suis toujours intéressé par les icônes FA5…

Peut-on toujours ajouter des icônes avec ce plugin ? Je demande car cela ne fonctionne plus. Je dois ajouter Facebook, Twitter et Instagram.

Il n'y a pas d'option pour les icônes SVG ici : [capture d'écran]

Est-ce que cela a fonctionné pour vous auparavant ? Qu’est-ce qui a changé et qu’avez-vous essayé ?

Avez-vous peut-être téléchargé la version de ce plugin sans icônes ?

J’ai réussi à faire fonctionner les icônes Font Awesome 4, mais pas Font Awesome 5 (sauf les 2-3 intégrées) : voir mon message ci-dessus.

Oui, j’ai en fait téléchargé la version sans icône, je m’en suis rendu compte après quelques recherches. Cela fonctionne maintenant avec discourse-icon-header-links.

C’est super. Pourrais-tu partager les paramètres que tu as utilisés ? J’aimerais les essayer pour voir ce que je faisais de travers. Merci.

Bien sûr, le voici : - Screenshot by Lightshot

Facebook, fab-facebook, https://www.facebook.com/, vdo, blank
Twitter, fab-twitter, https://www.twitter.com/, vdo, blank
Instagram, fab-instagram, https://www.instagram.com/, vdo, blank

Faites-moi savoir si cela vous aide :slight_smile:

1 « J'aime »

Merci beaucoup. Ce sont les trois intégrés, qui ont également fonctionné pour moi.

Pourriez-vous essayer d’autres icônes FA5 et me dire comment cela se passe ?

J’ai essayé LinkedIn et cela fonctionne : Screenshot by Lightshot

Si vous ajoutez une icône FA5, assurez-vous d’inclure les classes d’icônes FontAwesome 5 pour chaque icône utilisée dans la liste, dans la section des icônes SVG ici : Screenshot by Lightshot

Merci !

1 « J'aime »

Je l’apprécie vraiment. Est-ce que cela fonctionne aussi avec des icônes autres que fab ?

Non, cela ne fonctionnait pas sans fab-.

Je pense que cela pourrait être incorrect, mais je m’excuse d’avance si ce n’est pas le cas…

Par exemple, pour utiliser l’icône de la carte d’adresse sur Address Card Icon | Font Awesome, vous devez remplacer far fa-address-card par far-address-card (et l’ajouter au paramètre ensemble d'icônes svg). L’utiliser simplement sans fa- ne fonctionne pas.

Je l’ai réalisé seulement après avoir consulté FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub et FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub.

1 « J'aime »

Existe-t-il un moyen de supprimer les liens d’en-tête existants ?

J’ai réussi à installer
Maintenant, je veux ajouter cette icône Rocket Icon | Font Awesome avec un lien vers la catégorie véhicules
J’ai fait ceci :
Lien mobile bureau, fas-rocket, c / vehiculos / 69, vdm, blank
Et en dessous, j’ai mis
fas-rocket

Mais l’icône n’apparaît pas, comment puis-je afficher l’icône ?

Essayez simplement avec « rocket ».

Cette hypothèse est basée uniquement sur la recherche du mot « rocket » dans FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub.

3 « J'aime »

Merci, savez-vous si cette icône est disponible ?

Je pense que je vais devoir l’ajouter manuellement. C’est un peu difficile pour moi.
Est-ce que cela se passe comme ceci ?

Dans les plugins : il suffit d’inclure un fichier sprite SVG dans le dossier plugins/nom-de-votre-plugin/svg-icons. Redémarrez votre serveur (si vous êtes en mode développement) ou reconstruisez le site si vous êtes dans un conteneur Docker, et vos icônes personnalisées devraient être automatiquement disponibles.

Pourrait-on me résumer comment ajouter l’icône des masques sur un forum hébergé sur DigitalOcean, en partant de zéro ? Merci.

Je viens de le tester sur mon forum en modifiant temporairement l’un de mes icônes. L’icône fonctionne si vous l’appeliez « rocket » (sans les guillemets) dans header links. Si cela ne fonctionne pas, il se peut qu’il y ait un problème avec le reste de votre ligne. Il n’est pas nécessaire de l’ajouter à svg icons.

1 « J'aime »

Oui, merci beaucoup, la fusée a fonctionné parfaitement. Mais maintenant, je veux ajouter ceci :

Désolé. J’avais à tort supposé que vous faisiez toujours référence à l’icône d’origine. L’icône du théâtre n’est pas mentionnée dans le code, elle ne fonctionnera donc pas.

J’ai fait le tour du propriétaire pour essayer d’ajouter des icônes FA5, mais sans succès. Aucune des suggestions ici n’a fonctionné pour moi.

Rien de ce que j’ai mis dans svg icons n’a fait la moindre différence. Notamment, l’icône Instagram mentionnée dans un post relativement récent apparaît dans le code, je pense donc qu’elle fonctionne à cause de cela (et non parce qu’elle a été ajoutée à svg icons).

1 « J'aime »

J’ai reçu le rapport de sécurité suivant pour ce composant ; puis-je le configurer pour utiliser le code rel="noreferer, noopener" ?

1 « J'aime »

Après la mise à jour vers la dernière version de Discourse, les icônes ne s’affichent plus. Quel pourrait être le problème ?

2 « J'aime »

Nous avons ajouté cela à notre instance et c’est fantastique, merci beaucoup pour ce plugin !

Serait-il possible d’avoir un paramètre pour ajouter un peu d’espace blanc entre les nouvelles icônes et les icônes par défaut existantes ? Je peux simuler cela en ajoutant ,,,,, mais cela redirige par défaut vers la page des paramètres du thème, alors que c’est l’apparence que nous souhaitons ;
Screen Shot 2021-05-20 at 13.22.40

3 « J'aime »

C’est super à entendre :+1:

Bien sûr, je viens d’ajouter cela ici (désactivé par défaut)

Supprimez le paramètre vide de vos paramètres, mettez à jour le composant, activez le nouveau paramètre et cela devrait fonctionner après un rafraîchissement de la page.

5 « J'aime »