La barra laterale fornisce un accesso rapido alle sezioni importanti del tuo sito Discourse. Sebbene gli utenti possano personalizzare la propria barra laterale in base alle proprie preferenze, fornire una configurazione predefinita ben studiata aiuta soprattutto i nuovi utenti e i visitatori del forum, rendendo più semplice la navigazione.
Questa guida spiega come personalizzare le sezioni esistenti e creare nuove sezioni nella barra laterale. Imparerai anche quali impostazioni puoi modificare per configurare i valori predefiniti per le preferenze degli utenti relative alla barra laterale.
Personalizzazione del contenuto predefinito di ogni sezione
Sezione Community
La sezione superiore della barra laterale (senza un’intestazione visibile) è chiamata sezione “Community”. Questa sezione è visibile a tutti gli utenti e contiene collegamenti di navigazione essenziali.
Per personalizzare questa sezione:
- Fai clic su Altro nella barra laterale
- Seleziona Personalizza questa sezione in fondo al menu esteso
Puoi apportare le seguenti modifiche:
- Riordina i collegamenti trascinando l’icona
- Modifica l’icona, il nome e il collegamento per ogni voce
- Aggiungi nuove voci alla sezione
Comprensione dei collegamenti predefiniti
Alcuni dei collegamenti predefiniti hanno comportamenti speciali:
- I miei post - Questo collegamento viene visualizzato come “I miei post” per impostazione predefinita. Tuttavia:
- Se l’utente ha una o più bozze, facendo clic sul collegamento viene reindirizzato alle sue bozze, non alla sua attività di pubblicazione.
- Se l’utente appartiene a un gruppo selezionato nell’impostazione del sito
experimental_new_new_groups, il testo del collegamento cambia anche in “Le mie bozze” quando sono presenti delle bozze.
- I miei messaggi - Visibile solo agli utenti in
personal_message_enabled_groups.- Mostra un indicatore di messaggi non letti o il numero di messaggi non letti per la tua casella personale e per le caselle dei gruppi di cui sei membro.
- Ti porta sempre alla tua casella personale - anche se l’unico messaggio non letto si trova in una casella di gruppo.
- Revisione - Visibile solo al personale e ai moderatori delle categorie.
- Admin - Visibile solo agli amministratori e ai moderatori.
- Invita - Visibile solo agli utenti che possono invitare altri.
Gestione delle traduzioni
I collegamenti predefiniti vengono visualizzati automaticamente nella lingua dell’interfaccia selezionata dall’utente. Tuttavia:
- La personalizzazione del testo di un collegamento predefinito lo sovrascrive per tutte le lingue
- Per modificare il testo per lingue specifiche o elementi nascosti come “Le mie bozze”, segui le istruzioni nella guida su come personalizzare il testo in Discourse.
Gestione dei collegamenti aggiunti dai plugin
I collegamenti aggiunti dai plugin non possono attualmente essere personalizzati tramite l’editor della barra laterale. Tuttavia, puoi sostituirli con le tue versioni personalizzate utilizzando il seguente approccio:
- Nascondi il collegamento originale aggiunto dal plugin
- Aggiungi un collegamento personalizzato con il comportamento e l’aspetto desiderati
Alcuni collegamenti possono essere nascosti nelle impostazioni del plugin. Ad esempio, il collegamento agli eventi imminenti può essere nascosto disabilitando l’impostazione sidebar_show_upcoming_events.
Se non esiste tale impostazione, puoi nascondere il collegamento utilizzando CSS personalizzato.
Esempio di CSS per nascondere o spostare i collegamenti dei plugin
Nascondi completamente un collegamento aggiunto da un plugin
Questo esempio nasconde il collegamento aggiunto dal plugin ActivityPub:
.sidebar-section-link-wrapper[data-list-item-name="activity-pub-about"] {
display: none;
}
Nascondi un collegamento solo dal menu “Altro”
Utile se stai spostando un collegamento dal menu “Altro” per renderlo sempre visibile:
.sidebar-more-section-content
.sidebar-section-link-wrapper.dropdown-menu__item[data-list-item-name="anniversaries"] {
display: none;
}
Nascondi un collegamento solo dalla sezione principale (non nel menu “Altro”)
Utile se desideri che il collegamento appaia nel menu “Altro” invece di essere sempre visibile:
.sidebar-section.sidebar-section-wrapper:not(.sidebar-more-section-content)
.sidebar-section-link-wrapper[data-list-item-name="docs"] {
display: none;
}
Per ulteriori dettagli sulle modifiche CSS al tuo sito, consulta la guida sulle modifiche CSS.
Sezione Categorie
Puoi configurare quali categorie appaiono per impostazione predefinita nelle barre laterali degli utenti nell’impostazione del sito default_navigation_menu_categories. Puoi accedervi:
- Facendo clic su “Configura predefiniti” in fondo alla sezione delle categorie (visibile solo finché non sono configurati predefiniti)
- Accedendo a questa impostazione tramite Admin > Tutte le impostazioni del sito e cercando l’impostazione
La visibilità delle categorie rispetta i permessi degli utenti: gli utenti vedranno nella barra laterale solo le categorie a cui hanno il permesso di accedere, anche se includi categorie restrittive nei predefiniti. Se configuri solo categorie restrittive come predefinite:
- I visitatori vedranno un elenco vuoto
- Gli utenti connessi vedranno le categorie più popolari (come se avessero deselezionato tutte le categorie)
L’opzione “modifica categorie della barra laterale” nel menu accanto a “Categorie” personalizza solo la tua vista personale, non il predefinito per tutti gli utenti.
Sezione Tag
Puoi configurare quali tag appaiono per impostazione predefinita nelle barre laterali degli utenti nell’impostazione del sito default_navigation_menu_tags. Puoi accedervi:
- Facendo clic su “Configura predefiniti” in fondo alla sezione dei tag (visibile solo finché non sono configurati predefiniti)
- Accedendo a questa impostazione tramite Admin > Tutte le impostazioni del sito e cercando l’impostazione
La visibilità dei tag rispetta i permessi degli utenti: i tag in un gruppo di tag nascosto non appariranno nelle barre laterali degli utenti, anche se inclusi nei predefiniti. Se configuri solo tag restrittivi come predefiniti:
- Tutti gli utenti (inclusi i visitatori) vedranno i tag più popolari (come se avessero deselezionato tutti i tag)
Sezioni Chat
Tutte le sezioni della chat sono disponibili solo quando la chat è abilitata[1], l’utente è autorizzato a utilizzare la chat[2] e non ha disabilitato la chat nelle proprie preferenze.
Sezione Ricerca Chat
La ricerca nella chat è controllata dall’impostazione del sito chat_search_enabled.
Sezione Thread
La sezione thread appare solo per gli utenti che sono membri di almeno una chat in cui il threading è abilitato.
Sezione Canali
La sezione canali visualizza i canali di chat a cui l’utente si è unito. Gli utenti vedranno questa sezione se esiste almeno un canale a cui possono unirsi in base ai permessi della categoria. La sezione sarà vuota finché non si saranno uniti ad almeno un canale.
Puoi automatizzare l’appartenenza ai canali tramite le impostazioni del canale:
- Abilita l’aggiunta automatica dei membri nelle impostazioni del canale
- I nuovi utenti che soddisfano i criteri vedranno il canale nella loro barra laterale automaticamente
Sezione Messaggi Diretti
La sezione messaggi diretti visualizza conversazioni di chat uno-a-uno e di gruppo. Per vedere questa sezione, gli utenti devono appartenere a uno dei gruppi direct_message_enabled_groups.
Non puoi configurare conversazioni predefinite per questa sezione. Ma invece di una sezione vuota, gli utenti vedranno un pulsante “Avvia nuovo messaggio diretto” che sostituisce questa sezione.
Aggiunta di una sezione personalizzata
Puoi creare sezioni aggiuntive nella barra laterale che contengono collegamenti personalizzati. Queste appariranno sotto la prima sezione e sopra la sezione delle categorie. Per aggiungere una nuova sezione:
- Fai clic sul pulsante + in fondo alla barra laterale
- Inserisci un titolo per la tua sezione
- Per ogni collegamento che desideri aggiungere:
- Seleziona un’icona
- Inserisci un nome per il collegamento
- Specifica l’URL di destinazione
- Fai clic su “Aggiungi un altro collegamento” per aggiungere più collegamenti
- Seleziona “Visibile a tutti” per rendere questa sezione visibile a tutti gli utenti
- Fai clic su “Salva” per creare la sezione
La piccola icona accanto all’intestazione di una sezione personalizzata è visibile solo agli amministratori e indica che la sezione è visibile a tutti.
Personalizzazione delle etichette di testo
Puoi personalizzare tutte le etichette di testo nella barra laterale, incluse le intestazioni delle sezioni:
- Vai su Admin > Aspetto > Testi del sito
- Cerca il testo che desideri personalizzare
Poiché molte etichette della barra laterale utilizzano parole comuni, trovare la chiave di testo specifica può essere difficile. Per aiutarti:
- Utilizza la funzionalità di localizzazione verbosa per identificare la chiave di testo corretta
Personalizzazione dei valori predefiniti delle preferenze degli utenti
Gli utenti possono personalizzare le preferenze della barra laterale in /my/preferences/navigation-menu. Puoi impostare i valori predefiniti per queste preferenze utilizzando le seguenti impostazioni del sito:
default_sidebar_link_to_filtered_list
Questa impostazione controlla se i collegamenti della barra laterale alle liste di argomenti (incluso “Tutti gli argomenti” e i collegamenti nelle sezioni Categorie e Tag) portano a:
- Quando abilitato: Liste filtrate per mostrare solo argomenti non letti o nuovi
- Quando disabilitato: Liste che includono tutti gli argomenti
default_sidebar_show_count_of_new_items
L’impostazione controlla come vengono mostrati i nuovi elementi nella barra laterale:
chat_separate_sidebar_mode
Quando abilitato, un pulsante chat o forum viene aggiunto al menu di navigazione. Questo permette agli utenti di passare più efficientemente tra un’esperienza chat a schermo intero e la vista del forum. In modalità chat a schermo intero, solo le sezioni relative alla chat (come I miei thread, Canali e Messaggi Diretti) sono mostrate nella barra laterale. Se impostato su “sempre”, le sezioni relative alla chat nella barra laterale sono nascoste mentre si naviga nel forum. Questa impostazione aiuta a mantenere separate le esperienze del forum e della chat.
Esiste un’impostazione del sito default_sidebar_switch_panel_position che ti permette di decidere se il pulsante di commutazione dovrebbe essere mostrato in alto o in basso nella barra laterale. Gli utenti non possono modificare la posizione nelle loro preferenze.
Ulteriore personalizzazione
Puoi migliorare ulteriormente la barra laterale del tuo forum utilizzando i componenti del tema. Per esplorare le opzioni disponibili, cerca argomenti nella categoria Customization > Theme component contrassegnati con sidebar (link). Tuttavia, non ogni componente ha un argomento su Meta. Alcuni sono stati anche linkati in altri argomenti.
I componenti del tema possono aggiungere funzionalità alla tua barra laterale. Alcuni esempi includono:
- Modifica della visibilità predefinita della barra laterale:
- Chiudi la barra laterale per impostazione predefinita: GitHub - VaperinaDEV/closed-sidebar-by-default
- Comprimi le sezioni per impostazione predefinita: GitHub - Arkshine/discourse-collapsed-sidebar-sections-by-default
- Modifica delle icone della barra laterale e rendile dinamiche: Discourse Dynamic Sidebar Icon
- Modifica dell’ordine delle sezioni della barra laterale:
- Sezioni aggiuntive della barra laterale:
- Sezioni personalizzate visibili solo per gruppi selezionati: Discourse Group Sidebar Menus
- Sezione per messaggi personali per mostrare collegamenti diretti alle caselle di gruppo: Sezione Messaggi per la barra laterale
- Componenti che ti permettono di mostrare o nascondere sezioni specifiche per diversi gruppi di utenti, come visitatori o personale:
- Componenti che rientrano le sottocategorie, come:
Risorse correlate
- Creating quick access links to Discourse preference pages
- Customize text in Discourse
- Find a translation key with verbose localization