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 in particolare i nuovi utenti e i visitatori del tuo forum, rendendo più semplice la navigazione.
Questa guida spiega come personalizzare le sezioni esistenti e creare sezioni aggiuntive 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 tua barra laterale (senza un’intestazione visibile) è chiamata sezione “Community”. Questa sezione è visibile a tutti gli utenti e contiene i link di navigazione essenziali.
Per personalizzare questa sezione:
- Clicca su Altro nella barra laterale
- Seleziona Personalizza questa sezione in fondo al menu esteso
Puoi apportare queste modifiche:
- Riordina i link trascinando l’icona
- Modifica l’icona, il nome e il link per ogni voce
- Aggiungi nuove voci alla sezione
Comprensione dei link predefiniti
Alcuni dei link predefiniti hanno comportamenti speciali:
- I miei post - Questo link viene visualizzato come “I miei post” per impostazione predefinita. Tuttavia:
- Se l’utente ha una o più bozze, facendo clic sul link verrà portato 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 link cambia anche in “Le mie bozze” quando sono presenti delle bozze.
- I miei messaggi - Visibile solo agli utenti nei
personal_message_enabled_groups.- Mostra un indicatore di non letti o il numero di messaggi non letti per la tua casella di posta personale e per le caselle di posta dei gruppi di cui sei membro.
- Ti porta sempre alla tua casella di posta personale - anche se l’unico messaggio non letto è in una casella di posta di gruppo.
- Revisione - Visibile solo al personale e ai moderatori di categoria.
- Amministratore - Visibile solo agli amministratori e ai moderatori.
- Invita - Visibile solo agli utenti che possono invitare altri.
Gestione delle traduzioni
I link predefiniti vengono visualizzati automaticamente nella lingua dell’interfaccia selezionata dall’utente. Tuttavia:
- La personalizzazione del testo di un link 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 link aggiunti dai plugin
I link aggiunti dai plugin non possono attualmente essere personalizzati tramite l’editor della barra laterale. Tuttavia, puoi sostituirli con le tue versioni utilizzando il seguente approccio:
- Nascondi il link originale aggiunto dal plugin
- Aggiungi un link personalizzato con il comportamento e l’aspetto desiderati
Alcuni link possono essere nascosti nelle impostazioni del plugin. Ad esempio, il link degli eventi imminenti può essere nascosto disabilitando l’impostazione sidebar_show_upcoming_events.
Se non esiste tale impostazione, puoi nascondere il link utilizzando CSS personalizzato.
Esempio di CSS per nascondere o spostare i link dei plugin
Nascondi completamente un link aggiunto da un plugin
Questo esempio nasconde il link aggiunto dal plugin ActivityPub:
.sidebar-section-link-wrapper[data-list-item-name="activity-pub-about"] {
display: none;
}
Nascondi un link solo dal menu “Altro”
Utile se stai spostando un link 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 link solo dalla sezione principale (non nel menu “Altro”)
Utile se vuoi che il link 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 su come apportare 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 categorie (visibile solo finché non sono configurati predefiniti)
- Accedendo a questa impostazione tramite Amministrazione > Tutte le impostazioni del sito e cercando l’impostazione
La visibilità delle categorie rispetta i permessi degli utenti: gli utenti vedranno nella loro 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 (lo stesso che vedrebbero se avessero deselezionato tutte le categorie)
L’opzione ‘modifica categorie 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 tag (visibile solo finché non sono configurati predefiniti)
- Accedendo a questa impostazione tramite Amministrazione > 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 (lo stesso che vedrebbero se avessero deselezionato tutti i tag)
Sezioni Chat
Tutte le sezioni 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 chat a cui l’utente si è unito. Gli utenti vedranno questa sezione se c’è almeno un canale a cui potrebbero 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 DM
La sezione messaggi diretti visualizza conversazioni chat uno-a-uno e di gruppo. Per vedere questa sezione, gli utenti devono appartenere a uno dei 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 DM” che sostituisce questa sezione.
Aggiunta di una sezione personalizzata
Puoi creare sezioni aggiuntive nella barra laterale che contengono link personalizzati. Queste appariranno sotto la prima sezione e sopra la sezione categorie. Per aggiungere una nuova sezione:
- Clicca il pulsante + in fondo alla barra laterale
- Inserisci un titolo per la tua sezione
- Per ogni link che vuoi aggiungere:
- Seleziona un’icona
- Inserisci un nome per il link
- Specifica l’URL di destinazione
- Clicca “Aggiungi altro link” per aggiungere più link
- Seleziona “Visibile a tutti” per rendere questa sezione visibile a tutti gli utenti
- Clicca “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 Amministrazione > Aspetto > Testi del sito
- Cerca il testo che vuoi personalizzare
Poiché molte etichette della barra laterale utilizzano parole comuni, trovare la chiave di testo specifica può essere difficile. Per aiutarti:
- Usa la funzionalità di localizzazione verbosa per identificare la chiave di testo corretta
Personalizzazione dei valori predefiniti delle preferenze utente
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 link della barra laterale alle liste di topic (incluso “Tutti i topic” e i link nelle sezioni Categorie e Tag) portano a:
- Quando abilitato: Liste filtrate per mostrare solo i topic non letti o nuovi
- Quando disabilitato: Liste che includono tutti i topic
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 consente agli utenti di passare tra un’esperienza chat a schermo intero e la vista del forum in modo più efficiente. In modalità chat a schermo intero, solo le sezioni relative alla chat (come I miei thread, Canali e DM) 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 deve essere mostrato in alto o in basso nella barra laterale. Gli utenti non possono modificare la posizione nelle loro preferenze.
Personalizzazione avanzata
Puoi migliorare ulteriormente la barra laterale sul tuo forum utilizzando i componenti del tema. Per esplorare le opzioni disponibili, cerca i topic nella categoria Customization > Theme component taggati con sidebar (link). Tuttavia, non ogni componente ha un topic su Meta. Alcuni sono stati anche linkati in altri topic.
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: Closed Sidebar by Default
- Collassa le sezioni per impostazione predefinita: GitHub - Arkshine/discourse-collapsed-sidebar- sections-by-default
- Modifica le icone della barra laterale e rendile dinamiche: Dynamic Sidebar Icon
- Modifica dell’ordine delle sezioni della barra laterale:
- Sezioni aggiuntive della barra laterale:
- Sezioni personalizzate visibili solo per gruppi selezionati: Group Sidebar Menus
- Sezione per i messaggi personali per mostrare link diretti alle caselle di posta 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