Riordina il menu della barra laterale di Discourse

[Lilly]

	Riepilogo	Consente di riordinare le sezioni predefinite e personalizzate del menu della barra laterale
	Anteprima	https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-menu-reorder
	Repository	https://github.com/Lillinator/discourse-sidebar-menu-reorder
	Guida all’installazione	Come installare un tema o un componente del tema
	Nuovo a Discourse Themes?	Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Introduzione

Ho notato diverse richieste da parte di amministratori di Discourse che desideravano riordinare le sezioni del menu della barra laterale, incluse le sezioni personalizzate globali. Poiché al momento non è molto intuitivo o semplice per la maggior parte delle persone farlo tramite CSS, e poiché tale operazione può risultare difficile da gestire e modificare, ho creato un componente del tema che rende tutto ciò molto più semplice nell’interfaccia di amministrazione.

Panoramica

Questo componente del tema Discourse consente agli amministratori di riordinare le sezioni del menu della barra laterale del forum nell’interfaccia utente di amministrazione, incluse tutte le sezioni predefinite e quelle personalizzate visibili a livello globale.

Il componente funziona sia per le visualizzazioni della barra laterale su desktop che su mobile, nonché per la modalità a menu a tendina nell’intestazione (sebbene sia idealmente progettato per la modalità barra laterale).

---

Installazione e configurazione

• Installa questo componente del tema seguendo la Guida per principianti all’uso di Discourse Themes.
• La sezione community si riferisce alla sezione superiore predefinita della barra laterale: il menu con l’intestazione Argomenti e include il sottomenu a tendina Altro; si consiglia di non spostare più di una o due sezioni (predefinite o personalizzate) sopra la sezione community.
• Non eliminare alcuna delle sezioni predefinite nelle impostazioni, altrimenti l’ordine verrà alterato (potrai sempre aggiungerle di nuovo o reimpostare l’impostazione).
• Il modo migliore per configurare questo componente è avere lo schermo di amministrazione del componente con l’impostazione dell’elenco di riordino in una finestra del browser e la visualizzazione della barra laterale del forum come utente di test in un’altra finestra accanto; ricarica la pagina dopo ogni modifica all’ordine delle sezioni del menu nell’elenco.

---

Impostazioni

Impostazione

Descrizione

Sidebar menu order

Un’impostazione di tipo elenco che contiene le sezioni del menu predefinite. (community è la sezione superiore predefinita nella barra laterale e include il sottomenu a tendina Altro.) Riordina le sezioni del menu utilizzando le frecce su e giù sul lato. È possibile aggiungere anche sezioni personalizzate visibili a livello globale: utilizza lo slug del nome del menu (ad esempio, per un menu personalizzato intitolato Test Menu, aggiungi test-menu nell’impostazione).

Il componente del tema ha inizialmente le impostazioni predefinite. Gli amministratori devono aggiungere eventuali sezioni di menu personalizzate globali che desiderano includere nell’elenco di ordinamento e quindi riordinarle insieme alle sezioni predefinite.

screenshot of default component setttings

---

Screenshot

Gli screenshot seguenti mostrano la sezione community e due esempi di sezioni di menu personalizzate chiamate “Dev Links” (dev-links) e “Toolbox” (toolbox) così come appaiono nel pannello di amministrazione del componente a sinistra e per un utente normale a destra. Le frecce per spostare una sezione del menu su e giù nell’impostazione di amministrazione del componente sono indicate nel piccolo riquadro rosso.

---

Qui, l’impostazione è configurata per mostrare la sezione predefinita categories sopra la sezione community (modalità espansa e compressa):

Ecco un esempio con due sezioni personalizzate: una chiamata dev-links posizionata sopra la sezione predefinita community e un’altra chiamata toolbox situata sotto la sezione predefinita tags.

Si noti inoltre la sezione chiamata inbox-section nello screenshot di amministrazione sopra: si tratta della sezione Messaggi inserita nella barra laterale dal componente Sezione Messaggi per la barra laterale (sotto il menu personalizzato toolbox sopra), dimostrando che questo componente può essere utilizzato anche per spostarla.

Inoltre, questo componente del tema può essere utilizzato insieme ai componenti Menu della barra laterale per gruppi e Sottocategorie con rientro (vedi nello screenshot sopra).

---

Note

• Dopo aver aggiunto nuove sezioni personalizzate globali all’impostazione sidebar_menu_order, gli utenti del forum vedranno il nuovo ordine corretto del menu quando ricaricheranno il browser o comprimeranno/espanderanno la barra laterale.
• La creazione di nuove sezioni di menu personalizzate globali mentre questo componente è abilitato può comportare sezioni duplicate temporanee per l’amministratore fino al ridisegno della barra laterale, sia con un aggiornamento della pagina che comprimendo ed espandendo.
• Le sezioni di menu personalizzate create dagli utenti appariranno sempre in fondo alla barra laterale per quell’utente, ma non saranno altrimenti influenzate.
• Se l’impostazione Admin -> Tutte le impostazioni del sito -> Modalità barra laterale separata per Chat è impostata su Sempre, il pulsante Chat apparirà come al solito in fondo e il componente ignorerà le sezioni predefinite del menu Chat (chat-dms, chat-channels e chat-search).

---

Scopri gli altri miei contenuti su Discourse

[David_Ghost]

È fantastico. Mi piace molto usare la configurazione con le categorie (1) e poi la chat (2). Grazie mille per il tuo bel lavoro, Lilly

[R23D_Printing]

Questo è ancora supportato? Ho provato a installare e ho ricevuto il seguente errore. Ho provato da qui e anche usando le istruzioni manuali.

[Moin]

Sì, lo è. Il link nel pulsante “installa questo componente tema” è obsoleto, ma il link in alto è ancora corretto e puoi usarlo per installare il componente manualmente

Oppure prova questo pulsante

Installa questo componente tema

[nathank (Nathan Kershaw)]

Ho appena corretto il link nel pulsante di installazione nell’OP, quindi ora è tutto a posto.

[nathank (Nathan Kershaw)]

Ho riscontrato un piccolo bug, per cui l’ordine specificato non funziona quando ho uno schermo “desktop” insolitamente stretto, come sul mio telefono pieghevole.

Ecco come voglio che appaia:

   

Quando ho uno schermo di dimensioni strane (sembra una larghezza di circa 640-820), perdo l’ordine:

[Lilly]

oh dio mio, il ritorno della barra laterale a 2 colonne. pensavo che fosse sparita? darò un’occhiata…

[nathank (Nathan Kershaw)]

Ero davvero io ad essere un po’ tonto! Stavo usando il vecchio componente e non me ne ero nemmeno accorto.

Ho notato una cosa però: quello che era chiamato community ora è chiamato the-forum. Ecco una PR per sistemare questo nelle impostazioni predefinite:

Update settings.yml (#3)

[Moin]

@nathank

quello che è stato chiamato community ora è chiamato the-forum invece

Sul mio forum è ancora chiamato community e anche qui su Meta.

Mi chiedo come tu l’abbia cambiato.

[nathank (Nathan Kershaw)]

Questo è davvero strano! Ricordo di aver cambiato il testo su di esso a un certo punto, ora che ci penso. Ma non sono sicuro di come sia finito nell’HTML!

Ritirerò quella PR e mi gratterò un po’ di più la testa. Potrebbe dover rimanere una ‘stranezza’ del mio sito!

[Lilly]

dovresti essere in grado di eseguire alcuni comandi rails per rinominarlo. se la tua sezione si chiama effettivamente the-forum, allora penso che questo dovrebbe funzionare dalla console rails:

cd /var/discourse
./launcher enter app
rails c

section = SidebarSection.find_by(title: 'the-forum', public: true)
if section
  section.update!(title: 'community')
  puts "Fatto: rinominato in 'community'."
else
  puts "Sezione non trovata."
end

fai sicuramente un backup prima.

[nathank (Nathan Kershaw)]

L’ho provato (finalmente) ora. Non ha trovato la sezione però:

Penso che questa debba rimanere una stranezza del sito, eh?

[Lilly]

(post cancellato dall’autore)

[Lilly]

Nota: ho appena applicato alcune correzioni per dispositivi mobili per questo componente: aveva iniziato a visualizzare le linee orizzontali tra le sezioni della barra laterale, che dovrebbero essere visibili solo nelle visualizzazioni desktop e tablet.