Usa l'icona di condivisione standard per condividere il post (invece dell'icona del link)

Negli ultimi tempi l’icona di condivisione è diventata più o meno standardizzata come

o

Penso che la prima sia la più standard.

Su Discourse l’icona di condivisione del post è un’icona di link (come in collegamenti in una catena). Funziona bene anche questa, ma penso che al giorno d’oggi l’icona dei nodi in cima qui sia la più riconosciuta.

C’è un modo consigliato per cambiarla?

1 Mi Piace

Il codice predefinito sarebbe:


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

Stranamente questo non funziona. Funziona con altre icone utilizzate proprio accanto, come bookmark o flag. link dovrebbe essere comunque il nome dell’icona..

@darkpixlz hai recentemente pubblicato un post sulla sostituzione dell’icona del link con una torta nella barra laterale.. hai usato un nome di icona diverso qui?

2 Mi Piace

Grazie, ho provato anche questo (nell’header) e in effetti non ha funzionato.

Il tuo codice serve a modificare questo elemento, corretto?

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

Quindi d-icon-d-post-share?

Mi dispiace, sono abbastanza nuovo a (moderno) javascript / CSS.

1 Mi Piace

Ho fatto una richiesta di funzionalità per farlo, ma non sono mai stato in grado di ottenerla manualmente.

Aggiornamento: capisco cosa intendi, era un semplice “inspect element”, non un plugin effettivo.

2 Mi Piace

Prima era l’icona link, ma ha sostituito l’icona del link dove l’icona di condivisione non avrebbe avuto senso (come sul pulsante della barra di formattazione per aggiungere un link).

Ho appena testato quanto segue e sembra funzionare come previsto:

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

Il primo sostituisce l’icona all’interno dei post, il secondo sostituisce l’icona per il pulsante Condividi in fondo a un argomento.

5 Mi Piace

ah fantastico @renato! funziona a meraviglia :tada:

In realtà anche external-link-alt potrebbe avere un bell’aspetto..

3 Mi Piace

Tranne che un link esterno non è la stessa cosa della condivisione… non importa quanto sia bello :wink:

5 Mi Piace

hmm.. Non mi preoccuperei troppo dell’“etimologia” di un’icona :nerd_face: ma piuttosto se è comunemente usata in quel contesto. E questo sembra essere il caso qui, ad esempio ecco una visualizzazione da twitter:

image

Grazie Renato. Per me l’icona scompare.

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

Nell’intestazione utilizzando un componente tema (usando il tema predefinito). Ottengo:

Devo fare qualcos’altro, forse le icone devono essere aggiunte?

Beh, sarebbe bello se gli utenti capissero anche la funzione :wink:

Vai nelle impostazioni e cerca svg icon subset. Aggiungi share-alt e sei pronto.

4 Mi Piace

Fantastico grazie @Jagster

2 Mi Piace

Beh, siamo d’accordo sul fatto di non essere d’accordo, trovo l’icona di condivisione una rappresentazione migliore dell’azione rispetto all’icona di un link, ma sono solo io. Inoltre, se sei su mobile, questa azione aprirà effettivamente l’interfaccia utente di condivisione del sistema operativo, e sono abbastanza sicuro che l’approccio del link venga utilizzato solo perché non abbiamo ancora un buon supporto per la Web Share API sul desktop.

Se ho capito bene il commento di @Jagster, non sta contestando l’uso di share-alt per il popup di condivisione esterna external-link-plus-SM-share sul desktop / interfaccia di condivisione del sistema operativo su mobile, ma piuttosto sta dicendo che, trattandosi di una funzionalità di condivisione, l’uso dell’icona del link esterno non coprirebbe interamente la funzionalità.

Questa è la mia interpretazione, potrei sbagliarmi.

1 Mi Piace

Oh, penso che tu abbia ragione e abbia completamente perso il contesto…

Mi dispiace @Jagster!

2 Mi Piace