Link di intestazione personalizzati (icone)

Oh mio - ha funzionato, grazie mille!
Ho provato “building” solo nel componente del tema (non ha funzionato) e “fas-building” in entrambi i posti (non ha funzionato), ma non mi è venuto in mente di provare la versione semplice in entrambi i campi.

Suggerirei comunque di rendere più chiara questa differenza tra fa(s) e fab/far nella descrizione del componente.

2 Mi Piace

Ciao.
Grazie per l’ottimo plugin.

Sarei grato se poteste fornirmi un supporto.

Ho impostato la funzione “Accesso richiesto” sul mio Discourse.
Quando visito un sito con questa impostazione, mi viene naturalmente chiesto di creare un account o di accedere, e nell’intestazione viene mostrata un’icona che ho creato con questo plugin.


Pagina richiesta account o accesso (in giapponese)

Se fosse solo questo, non ci sarebbero problemi, ma se si fa clic su di esse, è possibile aprire la pagina collegata senza aver effettuato l’accesso.
(Il collegamento punta a un plugin da me creato, e il percorso è una directory direttamente sotto la radice del sito, ad esempio /test_path. Anche con questo percorso, se si specifica direttamente l’URL, ad esempio, viene chiesto di creare un account o di accedere. Solo passando attraverso l’icona dell’intestazione di questo plugin, la pagina viene visualizzata senza richiedere l’accesso).

La soluzione migliore sarebbe non mostrare affatto l’icona, ma almeno sarebbe necessario poter fare clic sull’icona per visualizzare la pagina che richiede l’accesso.

Apprezzerei moltissimo se poteste aiutarmi a trovare una soluzione. Grazie mille.

1 Mi Piace

Ciao @Johani. Sembra che questo debba essere aggiornato per il nuovo modo in cui funzionano le variabili del tema. Vedo questo errore nel pannello di amministrazione:

Errore: Variabile non definita: "$add-whitespace". alla riga 14 di common.scss >> @if $add_whitespace == "true" { ----^
3 Mi Piace

Ciao,

Sto creando un link a una pagina a accesso limitato, dove devo passare alcune variabili all’URL. Sarebbe possibile ottenere alcune variabili di sistema come username, userid, mail, ecc.?

1 Mi Piace

Cerco la stessa cosa. Voglio inviare il nome utente dell’utente connesso a un server remoto quando viene fatto clic sull’icona nell’intestazione. So che posso ottenere il nome utente tramite JavaScript, ma non sono sicuro di come farlo tramite un’icona nell’intestazione:

<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>

Grazie!

1 Mi Piace

Solo un avviso, ho notato un bug nelle istruzioni delle Impostazioni del tema.

In alto si dice che l’ordine è titolo, icona, URL, vista, target.

Ma in basso si dice che l’ordine è titolo, icona, vista, URL, target

Quello in alto è corretto, in quanto l’URL precede la vista.

Vedi sotto per lo screenshot:

3 Mi Piace

Ho appena fatto una PR per questo:

5 Mi Piace

Grazie! Suppongo che uno di questi giorni imparerò come e avrò il coraggio di fare una PR :smiley:

3 Mi Piace

C’è un modo per indicare la posizione dell’icona? Sto usando un’icona personalizzata ma ho la chat e un’altra icona del componente del tema nella stessa intestazione e voglio impostare l’icona personalizzata dell’intestazione accanto all’icona di ricerca.

Ciao a tutti!

Grazie per l’ottimo componente del tema! Ho però riscontrato un piccolo problema: alcune icone funzionano bene, ad esempio fa-rocket, ma altre non vengono visualizzate, ad esempio fa-rocketchat, anche se penso di aver installato tutte le classi di icone necessarie. Avete qualche idea su cosa possa causare questo? Lo apprezzerei molto :slight_smile:

Inoltre: come posso ottenere le icone Font Awesome regolari invece di quelle solide? Ho provato a includere far-iconname e fa-regular ma non sembra funzionare…

Probabilmente a causa di questo

Per la prima parte della tua domanda. Potrei sbagliarmi, ma prova ad aggiungere l’icona del rocket chat al tuo svg icon subset nelle impostazioni del sito.

1 Mi Piace

Purtroppo questo non risolve il problema per me.

Il link all’intestazione è:

Rocket.Chat,rocket,https://chat.domain.de,vdo,blank

Sotto Icone SVG nelle Impostazioni del Componente del Tema e Sottoinsieme di icone SVG nelle Impostazioni Principali di Discourse ho aggiunto fa-rocketchat e fa-brands come dettagliato nella descrizione delle icone Font Awesome. È supportato dalla versione FA 5.0.0 in poi, quindi non può essere questo…

Qualcuno ha qualche idea e potrebbe aiutarmi? :slight_smile:

Devi:

  1. Aggiungere fab-rocketchat a svg icon subset.
  2. Cambiare Header links in Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.

Le istruzioni sono fuorvianti ma, ripensandoci, probabilmente non imprecise:

La parte difficile è che devi convertire fab fa-rocketchat (sul sito web di Font Awesome) in fab-rocketchat (su Discourse).

2 Mi Piace

È possibile aggiungere icone SVG che carico sul mio sito? (Senza utilizzare quelle del sito Font Awesome)

Mi sto scervellando per qualcosa che non so come risolvere!

Uso l’icona “headset” e posso usarla normalmente

rocket | Font Awesome

ma quando voglio usare l’icona “light headser” non riesco proprio a usarla

rocket | Font Awesome

Ho già provato con ‘fab-’ ‘fas-’ o ‘far-’ ho provato senza, ho già messo il nome nella parte SVG, ho provato di tutto, ma non riesco a usarla

[image]
lo stesso con l’icona di google play store, non riesco a usarla e non c’è modo

rocket | Font Awesome

perché succede questo?

Potrebbe essere che la versione leggera sia un’icona “pro”:

Per utilizzare lo stile leggero di “headset”, avrai bisogno di un abbonamento a un piano di livello Pro o di una licenza Pro perpetua che includa la versione specifica di Font Awesome in cui questa icona (o stile) è stata rilasciata.

1 Mi Piace

Mi piacerebbe saperlo anche a me. Voglio includere un’icona di Letterboxd (da qualche parte sul web, ne sono già state create e proposte a Font Awesome ma non accettate)

Puoi aggiungere le tue icone SVG con un tema:

2 Mi Piace

Come posso mettere le icone in fondo al sito (in modalità mobile) che appaiano uguali per tutti?

Ad esempio: il pulsante della timeline appare nella stessa posizione per tutti i diversi modelli di telefoni cellulari e sistemi operativi mobili.

Ora, quando uso il CSS per lasciare il menu dei pulsanti dell’intestazione in basso, su alcuni telefoni cellulari appaiono nella posizione giusta, su altri la posizione appare un po’ più in alto, su altri un po’ di lato, perché succede?

un altro dubbio, c’è un modo per me di inserire un’icona che, quando ci clicco sopra, apre altre opzioni con altre icone, come nell’esempio qui sotto?