Utiliser l'icône de partage standard pour partager le message (au lieu de l'icône de lien)

Ces derniers temps, l’icône de partage est devenue plus ou moins standardisée comme

ou

Je pense que la première est la plus standard.

Sur Discourse, l’icône de partage de message est une icône de lien (comme dans des maillons de chaîne). Cela fonctionne aussi bien, mais je pense qu’aujourd’hui, l’icône des nœuds en haut ici est la plus reconnue.

Y a-t-il une manière recommandée de changer cela ?

1 « J'aime »

Le code par défaut serait :


api.replaceIcon('link', 'share-alt');

Étrangement, cela ne fonctionne pas. Cela fonctionne avec d’autres icônes utilisées juste à côté, comme bookmark ou flag. link devrait pourtant être le nom de l’icône…

@darkpixlz, vous avez récemment publié un message concernant le remplacement de l’icône de lien par un gâteau dans la barre latérale… avez-vous utilisé un nom d’icône différent ici ?

2 « J'aime »

Merci, j’ai essayé ceci aussi (dans l’en-tête) et cela n’a effectivement pas fonctionné.

Votre code est destiné à modifier cet élément, n’est-ce pas ?

<svg class="fa d-icon d-icon-d-post-share svg-icon svg-node" aria-hidden="true">
  <use xlink:href="#link">
  </use>
</svg>

Donc d-icon-d-post-share ?

Désolé, je suis assez nouveau en (javascript / CSS moderne)

1 « J'aime »

J’ai fait une demande de fonctionnalité pour le faire, mais je n’ai jamais pu l’obtenir manuellement.

Mise à jour : Je vois ce que tu veux dire, c’était un simple inspecteur d’éléments, pas un vrai plugin.

2 « J'aime »

Il s’agissait auparavant de l’icône link, mais celle-ci a remplacé l’icône de lien là où l’icône de partage n’aurait pas de sens (comme sur la barre de formatage pour ajouter un lien).

Je viens de tester ce qui suit et cela semble fonctionner comme prévu :

api.replaceIcon('d-post-share', 'share-alt');
api.replaceIcon('d-topic-share', 'share-alt');

Le premier remplace l’icône dans les publications, le second remplace l’icône du bouton Partager en bas d’un sujet.

5 « J'aime »

ah cool @renato ! ça marche à merveille :tada:

En fait, external-link-alt pourrait aussi être joli…

3 « J'aime »

Sauf que le lien externe n’est pas la même chose que le partage… peu importe à quel point il est beau :wink:

5 « J'aime »

hmm.. Je ne m’inquiéterais pas trop de l’“étymologie” d’une icône :nerd_face: mais plutôt de savoir si elle est couramment utilisée dans ce contexte. Et c’est apparemment le cas ici, par exemple, voici une vue de Twitter :

image

Merci Renato. Pour moi, l’icône disparaît.

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('d-post-share', 'share-alt');
  api.replaceIcon('d-topic-share', 'share-alt');
</script>

Dans l’en-tête à l’aide d’un composant de thème (en utilisant le thème par défaut). J’obtiens :

Dois-je faire autre chose, peut-être que les icônes doivent être ajoutées ?

Eh bien, ce serait bien si les utilisateurs comprenaient aussi la fonction :wink:

Allez dans les paramètres et recherchez svg icon subset. Ajoutez share-alt et vous êtes prêt.

4 « J'aime »

Génial merci @Jagster

2 « J'aime »

Eh bien, d’accord pour ne pas être d’accord, je trouve que l’icône de partage représente mieux l’action qu’une icône de lien, mais ce n’est que mon avis. De plus, si vous êtes sur mobile, cette action ouvrira en fait l’interface de partage de l’OS, et je suis à peu près sûr que l’approche du lien n’est utilisée que parce que nous n’avons pas encore un bon support pour l’API Web Share sur le bureau.

Si je comprends bien le commentaire de @Jagster, il ne s’oppose pas à l’utilisation de share-alt pour la fenêtre contextuelle external-link-plus-SM-share sur ordinateur / l’interface de partage de l’OS sur mobile, mais plutôt qu’étant donné qu’il s’agit d’une fonctionnalité de partage, l’utilisation de l’icône de lien externe ne couvrirait pas entièrement la fonctionnalité.

C’est mon interprétation, je pourrais me tromper.

1 « J'aime »

Oh, je pense que tu as raison et j’ai totalement manqué le contexte…

Je suis désolé @Jagster !

2 « J'aime »