Questo componente include unâimpostazione del tema che ti permette di aggiungere quanti link desideri, determinare le loro icone e decidere su quali dispositivi verranno visualizzati!
Nome
Descrizione
link intestazione
Elenco di link con le seguenti proprietĂ : titolo, icona, URL, visualizzazione e destinazione
aggiungi spazio bianco
Se selezionato, verrĂ aggiunto uno spazio bianco tra le icone predefinite dellâintestazione di Discourse e le icone personalizzate aggiunte tramite questo componente
Icone SVG
Includi le classi di icone FontAwesome 6 per ogni icona utilizzata nellâelenco.
Se lâicona che desideri utilizzare non viene visualizzata, aggiungila allâimpostazione svg_icons nel componente. Se aggiungi nuove icone, devono essere precedute dai prefissi di FontAwesome 6 come fab, far e fas.
Ho lo stesso problema segnalato da alcune persone sopra: lâicona non viene visualizzata, ma il pulsante è comunque cliccabile. Ho modificato lâimpostazione dellâicona in modo che riporti, ad esempio, âfab-facebook-fâ invece di semplicemente âfacebook-fâ. Per Twitter e il mio altro sito web non ho problemi, ma per Facebook e LinkedIn non funziona ancora.
Ho capito Facebook, ma non riesco ancora a gestire LinkedIn. Inoltre, câè un modo per creare unâicona personalizzata? Potrei caricare il logo della mia azienda e usarlo come icona?
Quello screenshot delle impostazioni sembra riferirsi al componente Custom Header Links - #84, che serve per mostrare collegamenti testuali e non icone.
Capisco come i nomi dei componenti possano creare confusione:
https://github.com/discourse/discourse-header-links - collegamenti con icone (questo argomento)
Ah, questo ha risolto il problema, effettivamente. SÏ, è davvero confuso. Rinominare sarebbe fantastico!
MODIFICA: Lâaggiornamento recente ha anche cambiato di nascosto il nome della classe di Discord, inserendo âfab-â in mezzo (ad esempio, se vuoi cambiare il colore delle icone; cosa che @OP potrebbe trasformare in una funzione nativa eccellente - è stato un poâ difficile da notare).
ma poichĂŠ quellâicona non è inclusa nellâinsieme predefinito di icone utilizzato da Discourse, dovrai anche aggiungerla allâaltra impostazione nel componente.
Certo, câè una sezione in questo argomento dedicata allâaggiunta di icone personalizzate.
Una volta configurato, potrai utilizzare qualsiasi icona personalizzata aggiungi in questo componente del tema. Dai unâocchiata lĂŹ e fammi sapere se incontri problemi.
Ho apportato questa modifica insieme ad alcuni altri miglioramenti nellâimplementazione qui
Il nuovo aggiornamento aggiunge classi uniche con prefisso a ciascun link in base al titolo che utilizzi. Quindi, ad esempio, se usi
Grazie per il tuo aiuto. Ho provato a usare âfab-linkedinâ sia nella categoria âLink nellâintestazioneâ che in âIcone SVGâ. Come si vede nellâimmagine, per qualche motivo non funziona ancora.
Visto che sei una nostra cliente, ho controllato il tuo sito e risolto il problema per te. Ho aggiornato il componente del tema e impostato le configurazioni corrette per le icone; ora dovrebbero funzionare tutte.
Unâultima domanda/richiesta: inizialmente questi link si aprivano in una nuova scheda, ma ora si aprono nella stessa scheda. Lâimpostazione è giĂ configurata su âblankâ, come posso altrimenti modificare questo comportamento?
Infatti. Per errore ho omesso lâattributo target nelle modifiche recenti.
Non è necessaria alcuna azione da parte tua. Ho corretto il componente e aggiornato il tuo sito. Quindi tutto dovrebbe essere a posto ora. Grazie per aver segnalato il problema
Le icone personalizzate si trovano a destra dei pulsanti di accesso e registrazione, ma penso che starebbero meglio a sinistra, come è solitamente il caso.
Posso far funzionare alcune icone della versione 4.7.0 prelevate da Font Awesome Icons semplicemente digitando un nome (ad esempio car) nella sezione corretta di âHeader linksâ. Alcune icone non vengono visualizzate (ad esempio fa-comments-o). Alcune non richiedono lâuso di âSvg iconsâ (ad esempio home), mentre altre sĂŹ (ad esempio car).
Nessuna delle icone della versione 5 che ho provato, reperibili su Find Icons with the Perfect Look & Feel | Font Awesome, ha funzionato. Ho inserito il nome con il prefisso fa- sia in âHeader linksâ che in âSvg iconsâ, ma senza alcun effetto. Le icone fab-facebook (e simili), che erano presenti di default, funzionano invece.
Cosa sto sbagliando?
Modifica: ho corretto il primo paragrafo per maggiore precisione.
Grazie mille per questo, @Johani. Funziona alla perfezione e mi offre una soluzione âesteticaâ per il collegamento âtorna al sitoâ (nel mio caso).
Tuttavia, ho riscontrato un problema poichĂŠ sto anche utilizzando il componente Menu hamburger a sinistra su mobile, che finisce per rompere tutto in quella parte dellâ.d-header.
Anche io sto riscontrando un problema con la visualizzazione della mia icona. Non sono sicuro di cosa stia sbagliando. Ecco cosa ho nelle impostazioni:
Ospitato da noi? I componenti del tema sono disponibili per lâuso nei nostri piani Standard, Business ed Enterprise.
