Riordina il menu della barra laterale di Discourse

[Lilly (Lillian)]

	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

Installa questo componente del tema

Introduzione

Ho notato diverse richieste da parte di amministratori Discourse che desideravano riordinare le sezioni del menu della barra laterale, incluse quelle personalizzate globali. Poiché al momento non è molto intuitivo o semplice per la maggior parte delle persone farlo con il CSS, e farlo può essere difficile da gestire e modificare, ho creato un componente del tema che rende tutto 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 nonché eventuali sezioni 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 (anche se idealmente è pensato per la modalità barra laterale).

---

Installazione e configurazione

• Installa questo componente del tema seguendo la Guida per principianti all’uso dei temi Discourse.
• 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 nessuna delle sezioni predefinite nelle impostazioni, altrimenti l’ordine sarà errato (è sempre possibile aggiungerle di nuovo o reimpostare l’impostazione).
• Il modo migliore per configurare questo componente è avere la schermata 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 prova in un’altra finestra accanto; ricaricare la pagina dopo ogni modifica all’ordine delle sezioni del menu nell’elenco.

---

Impostazioni

Impostazione

Descrizione

Ordine menu barra laterale

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 Menu di prova, 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 mescolare nell’elenco di ordinamento, quindi riordinarle insieme alle sezioni predefinite.

screenshot delle impostazioni predefinite del componente

---

Screenshot

Gli screenshot seguenti mostrano la sezione community e due sezioni di menu personalizzate di esempio chiamate “Link per sviluppatori” (dev-links) e “Cassetta degli attrezzi” (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 categorie sopra la sezione community (modalità compressa ed espansa):

Ecco un esempio con due sezioni personalizzate: una chiamata dev-links che si trova sopra la sezione predefinita community e un’altra chiamata toolbox che si trova sotto la sezione predefinita tag.

Inoltre, nota la sezione chiamata inbox-section nello screenshot di amministrazione sopra: si tratta della sezione Messaggi che il componente Sezione Messaggi per la barra laterale inserisce nella barra laterale (sotto il menu personalizzato toolbox sopra), mostrando 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 ricaricano il browser o comprimono/espandono la barra laterale.
• La creazione di nuove sezioni di menu personalizzate globali mentre questo componente è abilitato può causare sezioni duplicate temporanee per l’amministratore fino a quando la barra laterale non viene ridisegnata, sia con un aggiornamento della pagina che comprimendo ed espandendo.
• Le sezioni di menu personalizzate create dagli utenti appariranno sempre nella parte inferiore della barra laterale per quell’utente, ma altrimenti non sono influenzate.
• Se l’impostazione Admin -> Tutte le impostazioni del sito -> Modalità barra laterale separata per la chat è impostata su Sempre, il pulsante della chat apparirà come al solito in basso e il componente ignorerà le sezioni predefinite del menu della chat (chat-dms, chat-channels e chat-search).

---

Scopri il mio altro materiale 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 (Lillian)]

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 (Lillian)]

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 (Lillian)]

(post cancellato dall’autore)

[Lilly (Lillian)]

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.