Link personalizzati di navigazione superiore

Componente del tema
,
74

Grazie per i dettagli aggiuntivi! Si trattava effettivamente di un CSS fragile. Ora abbiamo nomi di classe dove prima non c’erano, quindi possiamo essere più specifici.

Ho rifattorizzato un po’ il componente qui:

Quindi tutto ciò che servirà è un aggiornamento.

Ho aggiornato questo in modo che hide default links nasconda tutti i link predefiniti, non solo latest e categories. Penso che questo renderà il comportamento di nascondere un po’ più facile da capire.

Gli elementi di navigazione aggiunti da questo componente ora otterranno una classe nav-item_custom_item-name, dove item-name è il nome visualizzato dell’elemento di navigazione (gli spazi sostituiti da trattini). Quindi un elemento di navigazione chiamato “my bookmarks” può essere selezionato con CSS in questo modo:

#navigation-bar {
   li.nav-item_custom_my-bookmarks {
     background: skyblue;
   }
}

Gli elementi predefiniti hanno un nome di classe come nav-item_name, quindi se vuoi nascondere il link predefinito delle categorie puoi fare:

#navigation-bar {
   li.nav-item_categories {
     display: none;
   }
}

Ora dovrebbe ottenere la classe attiva.

3 Mi Piace
75

Ciao,

L’ultimo aggiornamento modifica il testo visualizzato del link di navigazione in minuscolo e aggiunge trattini extra.

Abbiamo quanto segue nel campo del link di navigazione:

⮉ Home;show all categories;/forums

Il link di navigazione viene visualizzato come segue:
image

In precedenza veniva visualizzato come: ⮉ Home

Questa riga sembra essere la causa:

2 Mi Piace
76

grazie per averlo menzionato, ho appena apportato una piccola modifica che risolve questo problema!

3 Mi Piace
77

Dato che siamo nel territorio dei sogni più sfrenati qui—grazie mille per queste correzioni @awesomerobot!—un’aggiunta utile a questo componente sarebbe un’opzione per far apparire la navigazione personalizzata prima dei menu a tendina di categoria e tag, è possibile (senza un sacco di lavoro)?!

1 Mi Piace
78

Puoi farlo con un po’ di CSS aggiunto a un tema:

.desktop-view {
  #navigation-bar {
    order: -1;
    margin-right: 0;
  }
  .category-breadcrumb {
    margin-right: auto;
  }
}
3 Mi Piace
79

Sembra magia.

80

Ciao,
Come posso impostare un URL nella navigazione in modo che si apra in una nuova scheda?
Grazie!

image
image1444×302 25.2 KB

81

Questo non è possibile dal plugin, è necessario aggiungere javascript personalizzato per questo.

1 Mi Piace
82

Ciao ragazzi,

C’è un modo per visualizzare il link su mobile per favore?

Grazie!

83

Ciao, ti riferisci ai link completi invece al menu a discesa su mobile?
In tal caso, non c’è molto spazio su mobile per avere i link. Il menu a discesa li compatta in uno solo.

84

Ciao,

Grazie per la tua rapida risposta!

Mi dispiace, avrei dovuto giocare di più con le impostazioni, non appare sul cellulare perché ho selezionato Nascondi i link predefiniti sia su mobile che su desktop.

Come posso nascondere questi link predefiniti e visualizzare comunque i miei link sul cellulare, per favore?

86

Ho segnalato un bug per questo TC:

Questo rovina davvero la funzionalità; se non verrà affrontato, forse dovrebbe essere taggato come broken?

4 Mi Piace
87

Suggerimento: includere le icone come opzione. Ho usato le emoji e sembra molto elegante, ma non funziona su mobile e ovviamente non è coerente

Screenshot at 2025-07-27 21-14-38
Screenshot at 2025-07-27 21-14-381056×141 14.2 KB

88

Esiste un componente che ti permette di aggiungere icone ai link nella navigazione in alto: Discourse Nav Item Icon / Emoji
e funziona anche con i link personalizzati aggiunti da questo componente. L’unica differenza è che devi aggiungere custom_ davanti al nome dell’elemento di navigazione.

Ad esempio,
Ho aggiunto un link “Preferenze” con l’aiuto di questo componente: Preferenze;modifica le tue preferenze;/my/preferences

Configurazione dell'impostazione link di navigazione: Preferenze;modifica le tue preferenze;/my/preferences
Configurazione dell'impostazione link di navigazione: Preferenze;modifica le tue preferenze;/my/preferences910×255 8.94 KB

E poi ho configurato il componente icona/emoji per aggiungere l’icona della chiave inglese: icon:custom_preferences:solid:wrench:currentColor

Configurazione dell'impostazione Prefisso elemento di navigazione: icon:custom_preferences:solid:wrench:currentColor
Configurazione dell'impostazione Prefisso elemento di navigazione: icon:custom_preferences:solid:wrench:currentColor912×306 8.92 KB

Risultato:
immagine

1 Mi Piace