Pinboard, un tema UI semplice

:dizzy: Riepilogo Pinboard è un tema con un’interfaccia utente semplice. Si abbina bene a una tassonomia piatta, come un semplice elenco di categorie o tag.
:hammer_and_wrench: Repository GitHub - nolosb/discourse-theme-pinboard
:open_book: Novità per i temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo tema

:woman_factory_worker:t5: Configurazione post-installazione

Il tema installa alcuni componenti aggiuntivi. Alcuni richiedono modifiche alle loro impostazioni per perfezionare l’aspetto del tema:

  • Commutatore Chiaro/Scuro

    • Affinché il commutatore funzioni, dovresti impostare lo schema colori chiaro nelle impostazioni del tema. E scegli lo schema colori scuro nelle impostazioni generali (default dark mode color scheme id).
    • Puoi scegliere di mostrare l’icona del commutatore nell’intestazione. Per impostazione predefinita, viene mostrata nel piè di pagina della barra laterale.
  • Arrotondato

    • Un componente di stile per arrotondare gli elementi del layout. Sul mio sito di anteprima, il raggio predefinito è impostato su 10px e il raggio dei pulsanti su 4px.
  • Pannelli

    • Un altro componente di stile per renderizzare i contenitori di elenchi come pannelli. Il tema ha uno stile di ombra definito per i pannelli, puoi abilitarlo usando questa variabile --shadow:

    image

:art: Funzionalità del tema

Usa con categorie o solo con tag

Puoi nascondere tag o categorie dall’interfaccia e usarne solo uno.

Homepage personalizzata

Puoi creare un layout di homepage personalizzato simile a quello nelle anteprime.

  • Scegli l’opzione custom homepage nelle impostazioni del tema

  • Scegli la tua homepage nelle impostazioni di amministrazione. Ad esempio, qui è impostata sulla rotta principale:

  • Installa questo componente di supporto per aggiungere una classe dedicata alla homepage. Imposta la tua homepage nelle impostazioni del componente:

    image

  • Sul componente Panels installato, scegli di renderizzare i pannelli nelle liste in primo piano:
    image

  • Installa il componente Featured Lists e imposta la sua posizione di outlet su discovery-list-container-top

35 Mi Piace

Questo è un tema molto bello, adoro la semplicità!

12 Mi Piace

Bel lavoro fratello.. :heart_eyes:

6 Mi Piace

Wow! Ha una bella estetica.

6 Mi Piace

Il tema è fantastico! Minimalista nel modo giusto. Adoro quello che hai fatto con la barra laterale.

Ottimo lavoro @manuel :+1:

7 Mi Piace

@manuel
Per favore, aiutami a capire quale impostazione mi manca qui. La home page mi mostra un wrapper esterno con gli argomenti sottostanti. Invece di ogni bacheca.
Grazie.

2 Mi Piace

Sembra un tema produttivo di grande semplicità che può farti risparmiare molto tempo grazie alla sua interfaccia utente.

3 Mi Piace

Hai controllato l’opzione come descritto sopra?

3 Mi Piace

Sì. Ho selezionato quell’opzione.

3 Mi Piace

Devi anche impostare gli argomenti principali come homepage. La tua homepage è impostata sull’elenco delle categorie. Questo perché questa impostazione del tema mostra solo gli elenchi della bacheca e nasconde il contenuto sottostante. Ciò funziona solo sulla rotta principale. Possiamo sostituire gli argomenti principali con un elenco della bacheca degli argomenti principali, se necessario. Di solito abbiamo bisogno dell’elenco delle categorie o degli argomenti più recenti affinché il forum funzioni.

Imposti la pagina principale come homepage rendendola il primo elemento dell’elenco del menu principale nelle impostazioni dell’amministratore:

3 Mi Piace

@manuel Grazie.
Mancava esattamente questo. Ora va bene.

3 Mi Piace

Questo tema dovrebbe nascondere il menu in alto (Ultimi, Top, ecc.)? C’è un modo per farlo tornare?

1 Mi Piace

Sì, questi elementi sono nascosti. Ho un’opinione in merito su questo tema perché “Ultimi/Nuovi/Non letti” sono già disponibili dalla barra laterale e “In alto” viene utilizzato per la pagina di destinazione.

Se desideri utilizzare il tema e avere questi elementi nella barra di navigazione, dovrai sovrascrivere manualmente le dichiarazioni di stile del tema.

1 Mi Piace

Non vedo “Latest/New/Unread” nella barra laterale, né nella mia istanza del tema, né nel sito di prova, né negli screenshot in questo post. Potete indicarmi la direzione giusta?

2 Mi Piace

Latest si chiama Everything nella barra laterale per impostazione predefinita. Negli screenshot è chiamato All.

Ma sì, è vero che Unread e New non vengono più visualizzati nella barra laterale. Pensavo che apparissero lì proprio come prima nel menu a discesa dell’hamburger. Forse ricordo male o è stato cambiato. Ci sono ancora aggiornamenti costanti alla barra laterale.

Le informazioni contestuali sui nuovi contenuti nella barra laterale sono puntini di notifica che seguono tutte le voci di menu che contengono nuovi contenuti per l’utente connesso:

2 Mi Piace

Grande fan di questo tema.

Per qualche motivo, il componente del tema Dark/Light Toggle non appare nell’intestazione.

2 Mi Piace

Grazie :sunny:

Non viene visualizzato nemmeno per me nel tema predefinito, quindi è probabilmente correlato al componente.

In realtà, guarda qui: Dark/Light Mode Toggle - #88 by RGJ Al momento l’interruttore viene visualizzato solo quando un utente ha abilitato il cambio automatico della modalità colore.

1 Mi Piace

@manuel davvero, davvero ben fatto. Il font-sizing è deliberatamente così grande (grande secondo me)?

Lo screenshot è di un laptop da 15 pollici - Sembra fuori proporzione?

Hai considerato una soluzione a schede invece di visualizzare le categorie in riquadri in formato elenco, ad esempio “feedback” sarebbe una scheda accanto a “Welcome to Pinboard”?

:warning: Ho appena effettuato il push di un refactoring di questo tema. Ci sono solo sottili modifiche all’interfaccia utente, ma il codice del tema è riorganizzato e include alcuni nuovi componenti.

Se hai installato il tema in precedenza, dovrai riadattare i componenti e qualsiasi dichiarazione di stile che hai fatto sopra di esso. Nel caso in cui non desideri farlo subito, puoi anche scaricare il tema dal suo ramo v1 e rimanere con la configurazione precedente:

Per riferimento, ecco i dettagli post-installazione per la v1:

Funzionalità del tema

  • Utilizzo con categorie o solo con tag
    Puoi nascondere tag o categorie dall’interfaccia e utilizzarne solo uno.

  • Pagina di destinazione personalizzata
    Puoi creare una pagina di destinazione personalizzata simile a quella nelle anteprime.

    • Installa il componente Versatile Showcase e imposta la sua posizione di outlet su discovery-list-container-top
    • Imposta la tua homepage sul percorso top
    • Scegli l’opzione custom top page nel tema

Funzionalità dei componenti

Il tema installa automaticamente alcuni componenti aggiuntivi:

  • Commutatore Scuro/Chiaro
    Imposta lo schema colore chiaro nelle impostazioni del tema. Scegli lo schema colore scuro nelle impostazioni generali.

  • Ricerca nell’intestazione

  • Argomenti cliccabili

  • Stili dei tag
    Per scegliere gli stili di colore per i tag.

4 Mi Piace

Tema fantastico, super pulito!

Mi stavo giusto chiedendo se questo tema fosse più adatto per desktop o per dispositivi mobili.

1 Mi Piace