🌅 Presentazione di Horizon, il nostro tema più recente

Negli ultimi mesi abbiamo lavorato sodo al nostro nuovissimo tema Discourse, Horizon, e oggi siamo entusiasti di condividere il nostro lavoro con voi e invitarvi a provare Horizon nella vostra community.



In questo argomento, parleremo di Horizon e ti guideremo nell’installazione.

:sun: Tutto su Horizon

Horizon è un tema semplice e bello, progettato per offrire un’ottima esperienza utente alle community senza sforzi aggiuntivi da parte dell’amministratore. Il nome riflette la nostra speranza che questo tema esprima una visione più ampia di chi può utilizzare Discourse e di come le community Discourse possono apparire.

Modalità chiara

Modalità scura

:woman_shrugging: Perché abbiamo creato Horizon?

Abbiamo creato Horizon per rendere più facile per chiunque avviare una community Discourse e condividerla con orgoglio con i propri membri.

Parlando con gli amministratori di Discourse, abbiamo appreso che una delle parti più importanti dell’avvio di una community è la modifica del suo aspetto per garantire che sia uno spazio accogliente e piacevole per i membri della community. Horizon rende possibile avere una community dall’aspetto fantastico senza sforzi o personalizzazioni aggiuntive.

:mirror: Per chi è Horizon?

Horizon è progettato per le community che non hanno le competenze o le risorse per personalizzare l’aspetto di Discourse.

Siamo orgogliosi di quanto sia flessibile e personalizzabile Discourse, e questo non cambierà! Ma crediamo che più Discourse nel mondo sia una cosa positiva, e che il modo migliore per farlo sia rendere più facile per le community meno esperte di tecnologia prosperare con il nostro prodotto.

:magic_wand: Cosa rende speciale Horizon?

Dove Default è una tela bianca, Horizon ha delle opinioni. Valorizza spaziosità, semplicità ed estetica di design moderno.

Per vedere la differenza, usa l’interruttore del tema in fondo alla barra laterale qui su Meta per passare a Horizon:

Ecco alcune delle cose che noterai di diverso in Horizon:

  • Minore densità di informazioni. La caratteristica più evidente di Horizon è la scheda argomento, che è ridotta rispetto alla vista tabellare standard per renderla più accessibile e semplice. Alcune informazioni, come dettagli estesi sui partecipanti all’argomento, tag e utenti assegnati, non sono visibili.
  • Testo più grande e più spazio. Oltre alla scheda argomento, abbiamo portato un maggiore grado di spazio in Horizon aumentando le dimensioni dei caratteri di base nell’area di lettura e incorporando una struttura a larghezza intera.
  • Costruito per essere utilizzato così com’è. Le community che desiderano un controllo esteso sull’aspetto del sito o hanno requisiti di progettazione molto specifici possono e dovrebbero continuare a lavorare sul nostro tema Default o creare il proprio tema per soddisfare al meglio le proprie esigenze. Sebbene abbiamo testato Horizon con i componenti del tema ufficiali più diffusi e abbiamo riscontrato solo incompatibilità minori, sconsigliamo l’aggiunta di componenti non ufficiali o altro codice personalizzato a Horizon.

:gear: Utilizzo di Horizon

Puoi abilitare Horizon per i tuoi membri in pochi semplici passaggi:

  1. Vai all’area :wrench: Amministratore, vai alla sezione Aspetto e fai clic su Temi e componenti.
  2. Trova la scheda del tema Horizon, fai clic sul pulsante e seleziona Imposta come attivo per rendere Horizon il nuovo tema predefinito della tua community. (Potrebbe essere necessario aggiornare lo schermo per vedere questa modifica.)

Facoltativamente, puoi abilitare una qualsiasi delle nuove palette di colori, che sono costruite specificamente per funzionare bene con Horizon.

> :warning: Nota: puoi sostituire le palette utilizzate su Horizon, ma solo le palette denominate Clover, Horizon, Lily, Marigold, Royal e Violet appariranno nel selettore di colori nella barra laterale.

Istruzioni sulla configurazione delle palette di colori.
  1. Fai clic su Palette di colori nella barra laterale dell’amministratore.
  2. Seleziona la palette di colori desiderata (ad esempio, Horizon).
  3. Seleziona l’impostazione La palette di colori può essere selezionata dagli utenti e quindi fai clic sul segno di spunta per confermare.
  4. Ripeti i passaggi 2-3 per tutte le palette che desideri utilizzare.

Dopo l’aggiornamento, vedrai un pennello in fondo alla barra laterale. Puoi fare clic su di esso per scegliere la tua palette di colori specifica per Horizon (mostrato nello screenshot sopra). I tuoi membri possono fare lo stesso per scegliere tra tutte le palette che hai abilitato. Per impostare la nuova palette predefinita per Horizon (ovvero, come appare Horizon prima che i membri abbiano apportato modifiche e per i visitatori anonimi):

  1. Vai su Temi e componenti nell’area amministratore.
  2. Trova la scheda Horizon e fai clic su Modifica.
  3. Cambia il campo Palette di colori con quella desiderata.

:crystal_ball: Cosa succederà a Horizon

Abbiamo appena iniziato! Abbiamo lavorato duramente su questa prima versione del tema, ma prevediamo di continuare a investire in Horizon e a migliorarlo nel tempo. Cercheremo attivamente feedback dai siti che utilizzano Horizon per continuare a migliorarlo, e speriamo un giorno di renderlo il tema predefinito che viene fornito con i siti Discourse.

:folded_hands: Grazie

Siamo così grati a tutti coloro che hanno supportato Horizon (e il team Discourse!) testando Horizon qui su Meta o partecipando al nostro beta testing. Questo feedback è stato prezioso per aiutarci a trovare bug, apportare modifiche e perfezionare l’esperienza complessiva di Discourse con questo tema. Grazie mille per il tuo tempo, il tuo feedback e il tuo supporto!

39 Mi Piace

Sembra fantastico! Voglio davvero provarci.

Ma non c’è un percorso per la personalizzazione customization di /admin/customize/themes/1/common/*/edit. Puoi aggiungerlo per favore? Lo sto usando per fornire intestazioni speciali e altre personalizzazioni indipendentemente dal tema scelto.

Grazie!

1 Mi Piace

Perché non crei un nuovo componente del tema in cui apporti modifiche e lo aggiungi al tema horizon?

1 Mi Piace

Me lo sono perso o Horizon non è stato aggiunto a Crowdin per la traduzione? Devo creare una pull request con le traduzioni invece?

Horizon è costruito principalmente per essere utilizzato così com’è, quindi non sono consigliate personalizzazioni dirette o personalizzazioni tramite componenti non ufficiali. Detto questo, mi piacerebbe saperne di più su cosa vorresti cambiare di Horizon per vedere se potrebbe essere un buon candidato da incorporare più direttamente nel tema.

Ci sto lavorando, ti farò sapere presto!

1 Mi Piace

In realtà è solo un’intestazione per collegare il forum a un account Fediverse.

Ho messo il codice del componente del tema qui:

Sembra fantastico!! Presumo che il tema non sarà compatibile con i componenti personalizzati che stiamo attualmente utilizzando? Ad es.:

1 Mi Piace

Continuando la discussione da Aiutaci a testare Horizon, il nostro nuovo tema:

Questo non ha funzionato per me sul cellulare (iPhone 11 Pro Max). Immagino che possa essere perché ho aumentato la dimensione del carattere nelle impostazioni del mio telefono.

Questo tema è meraviglioso, grazie per il tuo lavoro!

Mi chiedo come mantenere aggiornati i forked horizons? Abbiamo alcune modifiche personalizzate da conservare :slight_smile:

1 Mi Piace

Crea componenti e aggiungi al tema per personalizzare

4 Mi Piace

A lungo termine, il nostro obiettivo è che tutti i nostri componenti ufficiali funzionino bene su horizon, per lavori personalizzati come cliente, non esitare a contattare @team per vedere se possiamo aiutarti (potrebbe richiedere del lavoro personalizzato a pagamento)

2 Mi Piace

Voglio creare un’opzione selezionabile dall’utente per questo tema in modo da poter aggiungere il componente del tema che modificherà questo tema. Voglio che gli utenti possano selezionare il tema Horizon così com’è o selezionarne una variazione.

La variazione di questo tema sarà a larghezza intera. Stilerrà anche il CSS delle singole righe dei post per portare il contenuto più in alto nella gerarchia visiva rispetto ad altri elementi della pagina come la barra di scorrimento, i nuovi argomenti e quelli non letti in fondo, ecc.

Horizon ha un aspetto davvero fantastico, ma non risolve ancora il problema della densità delle informazioni nella pagina degli argomenti. È visivamente opprimente per le persone che provengono da altri software di forum tradizionali.

I miei commenti potrebbero non essere pertinenti per gli utenti nativi di Discourse, ma sto portando una visione esterna. Devo apportare queste modifiche almeno per la mia community.

1 Mi Piace

Ho trovato un piccolo bug qui, nella visualizzazione dei gruppi, dove può verificarsi un overflow:

Può essere mitigato aggiungendo CSS:

.group-box-inner {
	overflow: auto;
}
1 Mi Piace

È intenzionale che ci sia così tanto spazio tra la barra di navigazione e il contenuto?

2 Mi Piace

No, non credo che sia previsto. Forse un componente che interferisce con questo :thinking:?

Penso sia così al momento, la mia ipotesi è che questo sia uno screenshot ritagliato di un browser ultra-wide a schermo intero

2 Mi Piace

Adoro questo tema, ma sembra che il componente Search Banner non funzioni bene con esso. Il testo search_banner.subhead non viene visualizzato, causando un disallineamento. C’è anche una leggera linea grigia.

Aggiornamento:
Ho disabilitato il Search Banner e il benvenuto+ricerca integrato sembra migliore. Tuttavia, ottengo questo testo nell’intestazione secondaria nello screenshot qui sotto.

Inoltre, il link ai segnalibri nella home page indica che non ho ancora segnalibri, anche se li ho. Punta a /bookmarks invece che a /u/johndoe/activity/bookmarks.

È effettivamente un widescreen. Tuttavia, l’abbondante spazio bianco vuoto è distraente. È possibile modificarlo?

Grazie per avercelo comunicato: ho chiesto a qualcuno del team di progettazione di esaminare il problema.

4 Mi Piace

L’avevo segnalato quasi un mese fa ma…