⬇️ Intestazione a discesa

Componente del tema
1

:mag: Panoramica

Questo componente del tema ti consente di aggiungere collegamenti con testo, icone e menu a discesa all’intestazione nativa del tuo sito Discourse.

image
image1440×1024 123 KB

Segnalazioni di bug, richieste di funzionalità e PR sono molto benvenuti; la sponsorizzazione consente al team Pavilion di dare priorità al lavoro su questo componente.

:computer: Codice

Visualizza il repository GitHub

:gear: Impostazioni

Ci sono una varietà di impostazioni che puoi configurare per personalizzare il componente, tra cui personalizzazioni dei collegamenti, origine delle icone, aggiunta di sicurezza ai collegamenti, posizionamento, ecc.

Un elenco di tutte le impostazioni e spiegazioni dettagliate su di esse può essere trovato qui.

:thinking: Quando usarlo

Questo componente è utile se desideri icone, collegamenti e collegamenti a discesa allineati con l’intestazione esistente di Discourse. È un ottimo modo per avere molti collegamenti accessibili senza ingombri inutili o che la barra laterale sfugga al controllo.

Se hai bisogno di molti collegamenti a discesa, dai un’occhiata a Sottomenu dell’intestazione, che crea una riga di menu dell’intestazione sopra l’intestazione originale di Discourse.

Sebbene questo componente supporti anche l’aggiunta di collegamenti da soli senza menu a discesa, se hai solo bisogno di collegamenti senza menu a discesa, sentiti libero di utilizzare Collegamenti intestazione personalizzati.

:clapper: Anteprima

Desktop:

Desktop

Mobile:
A causa della mancanza di spazio su dispositivi mobili, i collegamenti possono essere attivati toccando il pulsante con la freccia verso il basso.

Mobile
Mobile640×1292 48.5 KB

Installa componente tema

49 Mi Piace
2

Non sono sicuro del perché, ma questo non sembra funzionare per me, non appena viene abilitato il mio header scompare, su un tema pulito senza altri componenti, ho provato anche temi base multipli

<div id="ember7" class="d-header-wrap ember-view"><div></div></div>

2.9.0.beta4

(c99a6b10fb)

1 Mi Piace
3

Ciao @Fma965, mi scuso, ho rilasciato alcune correzioni per piccoli bug, dovrebbe funzionare ora per te. Fammi sapere come va.

3 Mi Piace
4

Funziona benissimo ora, grazie!

5

Una cosa da notare è che poiché questi non usano tag a, non è possibile fare clic con il pulsante centrale del mouse sui collegamenti come si può fare con il plugin dei collegamenti dell’intestazione, c’è un motivo per cui non si usano i tag a?

2 Mi Piace
6

@Fma965

Hmm.. questo è un punto interessante. Il motivo per cui non ho usato i tag anchor è perché ogni link è un widget che può generare un menu a discesa se sono presenti elementi a discesa. Utilizzando il widget, sto anche sfruttando il metodo click() che chiama: DiscourseURL.routeTo(this.attrs.url);.

Questo presenta alcuni vantaggi, come il mantenimento della cronologia della tua posizione all’interno di un argomento. Ad esempio, se fai clic su un link a un argomento con un tag anchor, inizi sempre dall’inizio dell’argomento. Tuttavia, se hai già visitato l’argomento in precedenza e stavi leggendo a metà argomento, l’approccio routeTo ti porterà nella stessa posizione nell’argomento.

Mi chiedo se ci sia un modo per aggiungere la funzionalità del clic centrale ai clic dei widget… dovrò approfondire, forse qualcuno del team di Discourse potrebbe avere un’idea.

1 Mi Piace
7

Sì, ho capito che si riferiva a questo, era solo qualcosa che uno dei miei moderatori mi ha menzionato, ho pensato di sollevare il punto qui per sicurezza :slight_smile:

1 Mi Piace
8

Ciao Keegan, grazie per aver creato questo componente del tema! È il ponte perfetto tra i componenti Custom Header Links e Header Submenu che avevo esaminato in precedenza.

C’è la possibilità di aggiungere un’opzione ‘target’ (apri in una nuova scheda) ai link che aggiungiamo lì, come negli altri due componenti del tema?

1 Mi Piace
9

Sto popolando manualmente le voci del sottomenu da una sorgente esterna e invio alcune richieste ajax all’interno di un ciclo per recuperarle. Naturalmente, se ci sono molti elementi. Il componente si carica prima che tutte le richieste siano terminate e mancano alcuni elementi. È possibile modificare la sorgente per ottenere questo risultato?

1 Mi Piace
11

Componente fantastico. Grazie per averlo condiviso :heart:.

12

Ciao! Grazie per questo fantastico componente :slight_smile:

Sembra che manchi un margine a destra quando non si è connessi al forum. Ecco come appare:
Capture d’écran 2022-12-05 à 16.22.20

Mentre se sono connesso va bene.

Spero aiuti a migliorarlo.

13

Ci sono possibilità che ci siano:

  1. link a URL eterni?
  2. link di destinazione per aprirsi in nuove schede come menzionato in precedenza?

Stiamo solo configurando una nuova istanza sui server Discourse e stiamo cercando di far corrispondere il nostro menu Discourse al nostro sito WP il più fedelmente possibile.

Grazie

1 Mi Piace
14

Ho appena installato questo componente per sostituire i componenti “Custom Header Links” e “Easy Footer”.

E adoro questo componente, è fantastico!

Funziona per me. Intendi un _blank target o qualcosa di simile o URL esterni in generale (che funzionano per me)?

Ho notato una cosa: sui dispositivi mobili non riesco a scorrere verso il basso. Sembra che abbia troppi menu. :wink: Si può regolare?

2 Mi Piace
15

Ho appena creato una PR per quel problema:

Se controlli il link qui sopra, puoi vedere che il CSS modificato funziona come dovrebbe. :slight_smile:

3 Mi Piace
16

Ciao, grazie per questo ottimo componente!
Tuttavia, ho notato che quando clicco su un link, tutti i testi e le icone vengono sostituiti con quelli dell’ultimo elemento.

Ho anche notato che se clicco sul logo, i testi e le icone dei link cambiano

Allego un breve esempio video:

Il link alla pagina è: https://oii.francescomancuso.it/forum/

Come posso risolvere? Grazie mille in anticipo!

17

Ottimo tema-componente! :chefs_kiss:

Sarebbe ancora migliore se potessimo anche impostarlo in modo che i link si aprano in una nuova scheda, invece che nella stessa scheda come ora. :+1:

18

Ciao Francesco :wave:

Sarei felice di dare un’occhiata, ma hai cambiato il layout e apparentemente non usi più il componente per mostrare i link.

Non riesco a riprodurre il problema sul mio forum di test.

Se, per caso, potessi dare un’altra occhiata e dirci se hai ancora il problema, sentiti libero di farlo. :slight_smile:

Se una tale funzionalità fosse implementata, pensi che dovrebbe sovrascrivere le preferenze degli utenti riguardo ai link esterni (Apri tutti i link esterni in una nuova scheda impostazione)?

image

2 Mi Piace
22

Ciao, ti ringrazio molto per la tua risposta.

Ho deciso di cambiare layout per creare una grafica uniforme in tutte le aree della mia piattaforma.
Dopo aver effettuato la migrazione del dominio, verificherò se l’errore è stato risolto.

Buona giornata :smiley:

2 Mi Piace
23

Penso che dovrebbe seguire le preferenze degli utenti. A meno che non sia stato sovrascritto da un amministratore o moderatore :+1:

24

Quindi… ho appena implementato questo tema-componente e abbiamo già ricevuto feedback piuttosto validi da alcuni dei nostri membri di lunga data.

Quindi, in pratica, se dovessi:

  • (1) fare clic prima sul pulsante di ricerca nell’intestazione, e poi
  • (2) passare il mouse sopra l’intestazione del menu a discesa.
    → L’intestazione del menu a discesa apparirebbe sotto la casella di ricerca, che non è quello che stiamo cercando. Idealmente, la barra di ricerca dovrebbe scomparire prima che appaia il menu a discesa.

Mentre, se passassi il mouse sopra l’intestazione del menu a discesa per prima, e poi facessi clic sul pulsante di ricerca, si comporterebbe proprio come mi aspettavo, ovvero (1) il menu a discesa scompare e (2) appare la barra di ricerca.

Un altro membro si è anche lamentato di come appare su mobile, c’è un modo per abilitare questo tema-componente solo su desktop?

Grazie :+1:

1 Mi Piace