# Link cliccabili alle icone social sul profilo

**URL:** https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136
**Category:** Theme component
**Created:** [18 Luglio 2020, 5:03pm UTC](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136 "2020-07-18T17:03:21Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![weallwegot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/weallwegot/32/124753_2.png) [@weallwegot](https://meta.discourse.org/u/weallwegot)
#### Post date: [18 Luglio 2020, 5:03pm UTC](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136/1 "2020-07-18T17:03:21Z")

</div>

Un componente tema che include icone social cliccabili nel Profilo Utente e nelle Card Utente, se si utilizza il [Componente Tema Directory Card Utente](https://meta.discourse.org/t/user-card-directory/144479/29).

 ![Screen Shot 2020-07-18 at 11.57.12 AM](https://global.discourse-cdn.com/meta/original/3X/c/6/c640463571e5616695d05bf62684dac56b3eefba.jpeg)

È stato copiato al 99% dalla discussione e dagli esempi di codice forniti da @LeoMcA, inclusi in questa conversazione su [Meta](https://meta.discourse.org/t/link-custom-user-field-to-external-website/41218) e nel [Namati User Card Profile Theme](https://github.com/LeoMcA/namati-user-card-profile-theme), ma ho pensato fosse utile estrarlo dal thread e renderlo leggermente più generale.

**Note**

- Gli utenti che non inseriscono un valore per una voce non vedranno l’icona corrispondente sulla loro card o nel profilo utente.
- I campi personalizzati per Instagram e Twitter si aspettano solo il nome utente (senza “@”); il nome viene aggiunto all’URL di base.
- Consiglio di impostare i Campi Utente Personalizzati che avranno le icone in modo che _NON_ vengano mostrati nella Card Utente, poiché altrimenti risulterebbe un po’ ridondante avere sia il testo che le icone cliccabili. È solo un mio parere, il tema non le nasconde automaticamente.

**Impostazioni del Sito**

Ogni voce del nome del campo personalizzato deve corrispondere al nome del campo utente personalizzato nella tua istanza di Discourse. Per impostazione predefinita, il componente tema si aspetta i nomi come mostrato di seguito, ma puoi modificarli. Le stringhe fanno distinzione tra maiuscole e minuscole.

```plaintext
instagram_custom_field_name: 'Instagram'
twitter_custom_field_name: 'Twitter'
linkedin_custom_field_name: 'Profilo LinkedIn'

```

Buon divertimento!

| | | |
| --- | --- | --- |
| 🔗 | **Repo Github** | [Discourse-Social-Links-Clickable](https://github.com/weallwegot/discourse-social-links-clickable) |
| 🛠 | **Guida all’installazione** | [Come installare un tema o un componente tema](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |

---

_[View the full topic](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136)._