Remplacez l'icône J'aime par 👍

[Discourse]

	Résumé	Change the Like Icon to vous permet de remplacer l’icône par l’icône – ou par n’importe quelle icône Font Awesome 5.5 de votre choix.
	Aperçu	Aperçu sur Discourse Theme Creator
	Lien vers le dépôt	https://github.com/discourse/new-like-icon
	Nouveau dans les thèmes Discourse ?	Guide du débutant pour utiliser les thèmes Discourse

Installer ce composant de thème

Comme il s’agit d’un composant de thème official maintenu par l’équipe Discourse, les demandes de Support, Contribute > Bug, Contribute > UX et Contribute > Feature peuvent être soumises dans les catégories respectives sur Meta, et marquées avec l’étiquette appropriée du composant de thème. Cliquez sur un lien ci-dessous pour en créer un.

 Support  Bug  UX  Feature

Fonctionnalités

Depuis que nous sommes passés à Font Awesome 5, nous avons développé une API interne qui fournit aux clients un sous-ensemble de toutes les icônes FA – uniquement celles qui sont activement utilisées par Discourse. Les propriétaires de site peuvent utiliser le paramètre du site svg icon subset pour enregistrer des icônes supplémentaires pour leur instance Discourse.

Avant

Après

Si vous le souhaitez,

• vous pouvez modifier la couleur de l’icône de j’aime via /admin/customize/colors/ (cherchez le paramètre de couleur « love »)
• vous pouvez modifier le texte « like » par un autre terme via /admin/customize/site_texts/

Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Standard, Business et Enterprise.

[Phlipups]

Bonjour,
Désolé de remuer ce sujet à nouveau, mais je suis complètement perdu. Je viens de tomber là-dessus en voyant un autre forum Discourse utiliser un pouce levé, alors j’ai fait quelques recherches sur Google.

Ce que je souhaiterais faire, c’est remplacer le pouce levé par l’icône de cochon disponible ici : Pig Icon | Font Awesome, avec la version en contour servant d’icône « Désapprécié ». Est-ce possible ? Comme il s’agit d’une icône Pro, devrai-je la télécharger ou en créer une moi-même pour l’ajouter en tant qu’icône ou emoji personnalisé, puis l’appliquer au composant « J’aime » ? Je ne suis pas sûr de savoir comment procéder non plus.

J’ai installé le composant « Changer l’icône J’aime » et je l’ai testé sur un thème inutilisé ; il fonctionne comme prévu. Le problème est que je ne vois aucune section dans les paramètres de ce composant permettant de modifier le CSS, donc aucun endroit où ajouter le script mentionné plus tôt dans ce fil de discussion.

Toute aide serait appréciée, merci.

[Tris20 (Tristan)]

Comme @Phlipups, j’essaie de changer l’icône simplement pour l’icône de bière pleine, mais j’obtiens un espace vide.

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'beer');
      api.replaceIcon('d-unliked', 'fa-beer');
      api.replaceIcon('notification.liked', 'fa-beer');
      api.replaceIcon('notification.liked_2', 'fa-beer');
      api.replaceIcon('notification.liked_many', 'fa-beer');
      api.replaceIcon('notification.liked_consolidated', 'fa-beer');      
      api.replaceIcon('heart', 'beer');
</script>

[Don]

Salut Tris,

Essaie d’ajouter beer dans le paramètre du site svg icon subset accessible via admin/site_settings/category/all_results?filter=svg%20icon%20subset.
Et je pense que l’utilisation de beer uniquement, au lieu de fa-beer, suffit. L’icône Beer n’existe qu’en version pleine dans la version gratuite, donc seule la couleur changera après le clic.

[Tris20 (Tristan)]

Brillant Don ! Merci pour ton aide !

[mangojumbo (Luca)]

Salut à tous, j’ai installé ce composant et, bien qu’il fonctionne parfaitement et remplace avec succès l’icône de cœur dans la liste des publications, les notifications par e-mail que reçoivent mes utilisateurs affichent toujours l’ancienne icône de cœur.
Est-ce que j’aurais oublié quelque chose ? Dois-je également modifier le modèle d’e-mail ?
Merci d’avoir développé ce superbe composant.

[nathank (Nathan Kershaw)]

J’ai juste soumis une PR pour rendre le dépôt un peu plus clair (après ne pas avoir réussi à identifier le TC dans mon instance) :

Update description, link to meta topic, and title

Je me demande si le lien du dépôt ne devrait pas également être modifié de new-like-icon à quelque chose de plus clair. Bien sûr, cela causerait le chaos, alors peut-être pas !