Introducing una nuova disposizione visiva per temi e componenti del tema

Siamo entusiasti di annunciare un importante aggiornamento su come temi e componenti dei temi vengono presentati in Discourse! Questo aggiornamento offre un’esperienza più intuitiva e user-friendly durante la navigazione, la selezione e la gestione di temi e componenti dei temi per la tua community.

:information_source: Cosa è cambiato

Un’esperienza visiva di galleria per i temi

La pagina dei temi è stata completamente reinventata con un layout più visivo che rende più facile che mai vedere l’aspetto di ogni tema prima di applicarlo:

  • Anteprime visive: Miniature che rappresentano accuratamente ogni tema, con una combinazione di colori del tema o un’anteprima aggiunta dallo sviluppatore del tema.
  • Migliore organizzazione: I temi sono ora visualizzati in una vista galleria con informazioni pertinenti prontamente disponibili, rendendo la navigazione e la selezione più intuitive.
  • Accesso rapido ai dettagli: Informazioni essenziali sono visibili a colpo d’occhio, con dettagli aggiuntivi a portata di clic.

:light_bulb: Vuoi aggiungere anteprime visive ai tuoi temi? Segui questa guida.

Un pratico layout a tabella per i componenti dei temi

I componenti dei temi ora presentano un layout a tabella semplificato progettato per l’efficienza:

  • Informazioni chiave a colpo d’occhio: Visualizza i dettagli del componente e le informazioni sull’utilizzo in un formato chiaro e strutturato.
  • Ordinamento e filtro migliorati: Restringi facilmente i componenti in base alle tue esigenze specifiche.
  • Controlli semplici: Controlla rapidamente l’attivazione di tutti i componenti da un’unica vista.

Questi aggiornamenti fanno parte dei nostri continui sforzi per rendere l’amministrazione di Discourse più intuitiva e accessibile, specialmente per gli utenti non tecnici. Il layout visivo per i temi ti aiuta a prendere decisioni più informate sull’aspetto del tuo sito, mentre il pratico layout a tabella per i componenti rende più facile estendere la funzionalità del tuo sito.

:eyes: Come vedere queste modifiche

Queste nuove pagine sono già attive per tutti i siti Discourse sulla nostra piattaforma di hosting. Puoi trovarle andando alla pagina “Temi e componenti” nell’amministrazione di Discourse. Per i siti self-hosted, dovrai aggiornare all’ultima versione prima di poter vedere le nuove pagine in azione.

:collision: Altri miglioramenti in arrivo!

Queste nuove pagine sono solo l’inizio dei nostri continui miglioramenti all’esperienza di gestione dei temi. Stiamo continuando a lavorare su funzionalità aggiuntive per rendere la personalizzazione dei temi ancora più accessibile e potente.

Ci piacerebbe sentire il tuo feedback su queste modifiche! Rispondi a questo argomento per farci sapere cosa ne pensi.

25 Mi Piace

Mi piace molto questo sforzo di modernizzazione in tutto il prodotto finora! È pazzesco guardare indietro a dove ho iniziato nel 2021 con Discourse, continuate così :tada:

6 Mi Piace

Forse questo cambia quando ci sono screenshot. Ma più che una galleria, mi piacerebbe davvero vedere i nomi.

Non so perché e per cosa un amministratore avrebbe bisogno di gallerie.

Il componente, però, sembra buono.

3 Mi Piace

La visualizzazione non è corretta. Se non viene aggiunta alcuna schermata al tema, dovrebbe essere visualizzata una SVG generata dalla palette di colori del tema. Dovrebbe anche essere visualizzato il nome del tema sotto questa immagine. Questo è ciò che viene mostrato nell’annuncio qui.

Guardando questo argomento precedente, sembra che tu abbia aggiunto del CSS personalizzato per quella pagina. Forse sta interferendo qui? Sembra anche che il tuo layout sia errato poiché queste schede del tema vengono visualizzate troppo larghe e vanno a capo in modo errato.

Potresti verificare se hai del CSS che influisce su questa pagina?

3 Mi Piace

Pensavo che le immagini di anteprima del tema sarebbero state utilizzate come un modo intelligente per mostrare la palette selezionata, ma l’immagine di anteprima del mio “Tema Crema” continua a cambiare?

Qual è lo scopo dell’immagine di anteprima?

Pensavo che usarla per comunicare lo schema di colori selezionato fosse un’opzione piuttosto carina?

3 Mi Piace

Sebbene mostrerà un’immagine generata diversa ogni volta che la pagina viene caricata, ogni immagine è generata dalla palette di colori del tema, quindi fa esattamente questo. Utilizza alcuni formati di immagine diversi, ma utilizza sempre la palette del tema.

Sarebbe più utile se mostrasse la stessa immagine generata per il tema ad ogni ricaricamento della pagina? Abbiamo preso in considerazione di farlo, ed è possibile, quindi il tuo feedback in merito sarebbe utile.

3 Mi Piace

Ah, benissimo, siamo allineati sull’intento. Lasciami usarlo un po’ di più.

Non mi dispiace un po’ di varietà, purché ogni esempio trasmetta i colori con efficacia approssimativamente uguale. Grazie @hugh!

2 Mi Piace

Continuate a inviarci i vostri feedback! Abbiamo ancora alcune modifiche e aggiornamenti in lavorazione per queste pagine, quindi ci stiamo lavorando attivamente in questo momento.

1 Mi Piace

come da @Jagster la mia principale preoccupazione qui era l’aggiunta di immagini per i componenti del tema e, sebbene ciò possa essere molto utile per alcuni, il numero elevato di essi preclude una visualizzazione in galleria a mio parere.

La nuova lista è un eccellente cambiamento! :heart_eyes:

Forse un’immagine potrebbe essere supportata con una sorta di passaggio del mouse? Non so…

4 Mi Piace

Sì, lo fa e la modalità provvisoria mostra ciò che dovrebbe mostrare. Strano. Per quanto ne so, non ho nulla che dovrebbe influire sul lato amministratore, ma ovviamente ce l’ho.

E ancora mi chiedo dove ci serva una galleria. Un amministratore non sta curiosando, ma sta cercando di trovare un tema da configurare. Totalmente diverso se voi ragazzi faceste una libreria di temi centralizzata, simile a quella che usa WordPress (mi sono sempre chiesto perché non lo facciate).

Ma inizierò a scavare per capire cosa sta creando problemi alla mia configurazione.

Grazie.

4 Mi Piace

Sì, le immagini nei componenti del tema erano inizialmente intese come prima iterazione mentre lavoravamo a questo nuovo layout basato su tabelle. Crediamo che questo nuovo layout sia molto più pratico e utile e sono felice che ti piaccia!

Spero che tu riesca a risolvere!

Beh, i temi sono intrinsecamente visivi, quindi un’anteprima visiva di cosa aspettarsi è relativamente utile e aiuta gli amministratori a decidere quale tema configurare, anche in questa fase del processo.

Con questo nuovo layout, l’anteprima sarà un’immagine aggiunta dallo sviluppatore del tema o un’immagine generata dai colori utilizzati nella palette dei colori del tema. In entrambi i casi, consente agli amministratori di vedere un’anteprima di cosa aspettarsi prima di iniziare.

Poiché stai confrontando questo con WordPress, anche la libreria dei temi nella dashboard di WordPress ha immagini di anteprima simili (sebbene il loro fallback sia solo un’immagine vuota se non ne viene fornita una dallo sviluppatore del tema).

Per quanto riguarda una libreria di temi centrale, è sicuramente qualcosa di cui abbiamo discusso! Al momento non c’è nulla in programma, ma è nel nostro radar.

3 Mi Piace

ADORO QUESTO :star_struck:

Alcune (piccole) cose:

cambio immagini

Sì, sarebbe meglio: l’implementazione attuale è DAVVERO confusionaria per le persone. E una funzionalità dovrebbe essere “divertente” solo quando non diminuisce la chiarezza.

ordinamento elenco componenti

I filtri sono utili, ma sarebbe ancora meglio se l’ordine delle colonne di ordinamento fosse Abilitato - Utilizzato - Nome.

usato da

Penso che questo sembri un po’ disordinato dove il nome del tema è diviso su due righe. Forse i nomi dei temi potrebbero assomigliare anche a un’etichetta, con un colore di sfondo leggermente diverso per separarlo visivamente da “Non utilizzato”?

E quando potessi cliccare su un’etichetta e filtrasse automaticamente in modo da vedere solo i componenti utilizzati da quel tema specifico, allora sarebbe fantastico.

Ma al momento, è già molto vicino all’essere fantastico!

9 Mi Piace

Questo è un ottimo feedback, grazie! Sono contento che ti piaccia il layout generale.

Feedback recepito, ci lavoreremo.

È giusto, e concordo sul fatto che migliorare l’ordinamento predefinito sarebbe sicuramente un miglioramento. Esamineremo la questione e vedremo cosa funziona meglio, ma il tuo suggerimento ha molto senso.

Grazie per averlo evidenziato: il tuo suggerimento sembra interessante! Indagheremo sul modo migliore per migliorare questa visualizzazione.

Abbiamo discusso dell’aggiunta di un filtro per i temi come questo in cima alla pagina, che probabilmente verrà aggiunto presto, e farlo funzionare allo stesso modo quando si fa clic sul nome del tema in questa colonna sarebbe un’ottima aggiunta. Sicuramente ci daremo un’occhiata.

Grazie per tutto questo: aspettati altri miglioramenti!

5 Mi Piace

A volte sono così stupidamente irrimediabile :man_facepalming:

Lo snippet CSS che ha risolto il primissimo e sfortunato tentativo di utilizzare una visualizzazione a galleria per i componenti… beh, ora ha rotto il lato del tema.

Non c'è più bisogno di usarlo
.admin-config.customize {
  .admin-detail {
    padding: 0;
  }
  .themes-cards-container {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    gap: 0;
  }
  .admin-config-area-card__content {
    flex-grow: 0;
    margin: 0;
    padding: 0;
  }
  .theme-card {
    flex-direction: row;
    margin: 0;
    padding: 0.75rem 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--primary-low);
    &__image-wrapper,
    &__content {
      display: none;
    }
    &__footer {
      gap: 1rem;
    }
  }
  .theme-install-card {
    margin-top: 1rem;
  }
}

Penso che dovrei rimuovere questi commenti. Non aiutano, stanno solo inquinando l’argomento.

4 Mi Piace

Sono contento che tu abbia trovato il problema!

Non preoccuparti di eliminare i commenti, stiamo tutti imparando insieme :slight_smile:

6 Mi Piace

Ho appena notato che finisco nella vecchia interfaccia quando clicco sulla notifica nella dashboard. Dopo un ricaricamento, vedo quella nuova.

3 Mi Piace