Cambia l'icona Mi piace in 👍

:discourse2: Riepilogo Cambia l’icona Mi piace con :+1: ti consente di modificare l’icona :heart: con l’icona :+1: – o qualsiasi altra glifo Font Awesome 5.5 preferisci.
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Link al repository https://github.com/discourse/new-like-icon
:open_book: Novizio dei temi Discourse? Guida introduttiva all’uso dei temi Discourse

Installa questo componente tema

Caratteristiche

:information_source: Da quando abbiamo passato a Font Awesome 5, abbiamo sviluppato un’API interna che fornisce un sottoinsieme di tutte le icone FA ai client – solo quelle icone attivamente utilizzate da Discourse. I proprietari del sito possono utilizzare l’impostazione del sito svg icon subset per registrare icone aggiuntive per la propria istanza Discourse.

Prima

like%20before
like%20before2

Dopo

like
like%20after

Se desiderato,

  • puoi cambiare il colore dell’icona Mi piace tramite /admin/customize/colors/ (cerca l’impostazione del colore amore)
  • puoi cambiare il testo da “Mi piace” a un termine diverso tramite /admin/customize/site_texts/

:discourse2: Ospitato da noi? I componenti tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.

59 Mi Piace

Ciao,
Scusa se tiro fuori di nuovo questo argomento, ma sono completamente confuso. Ho appena scoperto questo perché ho visto un altro forum Discourse che usava il pollice in su, quindi ho fatto una ricerca su Google.

Ciò che vorrei fare è, invece di usare il pollice in su, utilizzare l’icona del maiale da qui: Pig Icon | Font Awesome, con la versione a contorno come icona per il “non mi piace”. È possibile? Dato che è un’icona Pro, dovrei scaricarla o crearne una mia, aggiungerla come icona o emoji personalizzata e poi applicarla al componente Icona Mi piace? Non sono sicuro nemmeno di come farlo.

Ho installato il componente Cambia Icona Mi piace e l’ho testato su un tema non utilizzato, e funziona come previsto. Il problema è che non vedo alcuna area nelle impostazioni di quel componente dove modificare il CSS, quindi non c’è alcun posto dove aggiungere lo script menzionato prima in questa discussione.

Qualsiasi aiuto sarebbe apprezzato, grazie.

2 Mi Piace

Come @Phlipups, sto cercando di cambiare l’icona semplicemente nell’icona solida della birra, ma ottengo uno spazio vuoto.


<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>

Ciao Tris,

Prova ad aggiungere beer a admin/site_settings/category/all_results?filter=svg%20icon%20subset
impostazione del sito svg icon subset.
E penso che usare solo beer invece di fa-beer sia sufficiente. L’icona della birra non ha solo una versione con bordo nella versione gratuita, quindi dopo il clic cambierà solo il colore.

3 Mi Piace

:star_struck:

Brillante, Don! Grazie per l’aiuto!

1 Mi Piace

Ciao a tutti, ho installato questo componente e, anche se funziona benissimo e sostituisce correttamente l’icona del cuore nella lista dei post, le notifiche email che i miei utenti ricevono mostrano ancora il vecchio cuore.
Mi sto perdendo qualcosa? Devo modificare anche il template delle email?
Grazie per aver sviluppato questo ottimo componente

4 Mi Piace

Ho appena inviato una PR per rendere il repository un po’ più chiaro (dopo non essere riuscito a identificare il TC nella mia istanza):

Mi chiedo se anche il link al repository dovrebbe essere cambiato da new-like-icon a qualcosa di più chiaro. Naturalmente, ciò causerebbe caos, quindi forse no!