Tema Aria

[Discourse]

	Sintesi	Air Theme è un tema pulito e moderno che include diversi componenti per migliorare il tuo forum!
	Anteprima	Anteprima su Discourse Theme Creator
	Link al repository	https://github.com/discourse/discourse-air
	Nuovo ai temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

Installa questo tema

Caratteristiche

Modalità Chiara

Modalità Scura

Pagina delle categorie

Questo tema include anche alcuni componenti per migliorare il tuo forum.

• Argomenti cliccabili
• Caselle moderne per categorie e gruppi

Si prega di leggere attentamente questi suggerimenti durante l’installazione, poiché alcune impostazioni DEVONO ESSERE ATTIVATE affinché il tema venga visualizzato correttamente.

---

Suggerimenti

Interruttore tra modalità chiara e scura

Affinché funzioni correttamente, devono essere attivate almeno due scelte di schema colori nell’area https://discourse.jordanvidrine.com/admin/customize/colors. Almeno due colori devono avere l’opzione “Lo schema colori può essere selezionato dagli utenti” abilitata.

Una volta fatto questo, gli utenti potranno scegliere tra due schemi di colore come preferenze chiara e scura nel menu delle impostazioni utente.

---

Banner di benvenuto

Vai alla pagina Admin > Banner di benvenuto (/admin/config/welcome-banner).

• Nel menu a tendina Abilitato sui temi…, seleziona Air Theme
• Nel menu a tendina Posizione, seleziona Sotto l'intestazione del sito

---

Caselle moderne per categorie e gruppi

Questo componente del tema richiede che le tue categorie utilizzino l’impostazione CASSE DI CATEGORIA CON SOTTOCATEGORIE nell’area /admin/site_settings/category/all_results?filter=categories.

Questo componente del tema permette inoltre all’amministratore del forum di organizzare la pagina delle categorie con titoli di intestazione e scegliere quali categorie apparire sotto ogni intestazione. Per mantenere le cose semplici, ho consentito l’uso di massimo 5 intestazioni. Se non vengono scelte impostazioni per categorie e intestazioni, tutte le categorie verranno visualizzate come mostrato sopra; questa è l’opzione di rendering predefinita.

Ospitato da noi? I temi sono disponibili per l’uso nei nostri piani Standard, Business ed Enterprise.

[Don]

È semplicemente fantastico, Jordan! Mi piace tantissimo!

[th21]

Sarebbe utile se il messaggio di benvenuto potesse essere nascosto quando il campo locale è lasciato vuoto

[oshyan (Oshyan Greene)]

Wow, che bello! Grazie per la condivisione.

[itsbhanusharma (Bhanu Sharma)]

Questo tema conferisce a Discourse l’aspetto moderno che merita. Ottimo lavoro @jordan.vidrine

[Ahmed_Gagan]

Il tema è fantastico. Ottimo lavoro

[thegurjyot (Gurjyot Singh)]

Questo tema è fantastico. Speriamo di poter ottenere anche il design di questa pagina categoria come componente separato. In questo modo è molto più bello.

[frold]

Grazie, è bello…

È la prima volta che installiamo un nuovo tema. Ci piace davvero molto!!

Studmed.dk

[Jeremie_Leroy]

Ciao @jordan-vidrine, riguardo alla colonna del numero di visualizzazioni, che tipo di codice dovrei aggiungere nel componente per evitare che quella colonna venga nascosta?

[jordan.vidrine]

Credo che questo dovrebbe funzionare:

.full-width .contents .topic-list thead th.posts {
width: 10%;
}

.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}

th.num.views {
width: 10%;
order: 3;
display: block;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}

.topic-list .views {
width: 10%;
order: 3;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}

[ggurbet (Gökhan Gurbetoğlu)]

Bellissimo e rinfrescante. Ottimo lavoro @jordan.vidrine!

[ShubhayanS (shubhayan saha)]

È possibile modificare il testo dell’intestazione “Welcome to the forum”?

[jordan.vidrine]

Sì, questo può essere modificato nel componente Discourse Search Banner

[Jerdeman (Jeroen)]

Tempo fa ho segnalato un problema relativo alla mancata visualizzazione delle categorie in modalità mobile (Air Theme - #172). Ho scambiato alcuni messaggi con @jordan.vidrine, ma non siamo riusciti a individuare la causa principale del problema. Spero che qualcun altro abbia qualche idea.

Per i dettagli
Utilizzando un’installazione pulita di Discourse 2.7.11 su kubernetes con l’aiuto di un helm chart di Bitnami, e l’ultima versione del tema installata e configurata come menzionato nel post di apertura, non vediamo alcuna categoria in modalità mobile e lo stile è errato sulla pagina più recente.

Cosa abbiamo provato
Oltre a utilizzare un’installazione pulita, abbiamo tentato di utilizzare anche alcune versioni precedenti del tema. Il problema tuttavia è rimasto, ma non abbiamo provato esaustivamente tutte le versioni.
Abbiamo anche confrontato l’html sulla nostra istanza con quello di discourse.jordanvidrine.com , e abbiamo notato che è significativamente diverso.

Sensazione istintiva
Poiché non possiamo utilizzare una versione ‘beta’, la mia sensazione istintiva mi dice che si tratta di un problema di compatibilità tra il tema o uno dei suoi plugin e Discourse 2.7. Mi piacerebbe sapere se qualcuno ha questo tema funzionante su 2.7, e in tal caso con quali versioni del tema e dei plugin pertinenti.

Domanda
Qualcuno ha fatto funzionare questo tema con la versione 2.7 e/o ci sono indizi su cosa potremmo fare per farlo funzionare?

[Hyeonji_Kim]

Ciao. Innanzitutto, grazie per questo fantastico tema

Voglio cambiare il font-family, come posso farlo?

Ho provato questo

• scaricare questo tema Google Fonts , e cambiare l’impostazione del font in IMPOSTAZIONI DEL SITO –\u003e Non funziona

• aggiungere il codice @import{link del font web ~~~ } in Desktop.css, mobile.css –\u003e Non funziona

Quale file dovrei modificare per modificare il font???

[jordan.vidrine]

Credo che dovresti essere in grado di impostare un font personalizzato senza un componente qui: admin/site_settings/category/all_results?filter=font

Se desideri una maggiore personalizzazione, credo che il componente del tema Google Fonts che hai collegato funzionerebbe. Tuttavia, il tema utilizza theme-settings e non un’impostazione del sito, credo.

Hai sollevato questo problema nell’argomento per quel componente del font?

[hequaye (Henry Herbert)]

Ciao a tutti, qualcuno può aiutarmi a cambiare le dimensioni e la “natura fissa” del colore di sfondo sul cellulare?

Il CSS per il cellulare è trasparente da parte mia. E ho solo bisogno di un po’ di guida per cambiare lo sfondo fisso per i colori di sfondo.

Se non mi sbaglio, c’è uno sfondo dell’intestazione e uno sfondo della pagina, corretto?

[jordan.vidrine]

Questo perché il tema e i suoi componenti inclusi sono piuttosto esigenti riguardo a come è impostato il sito.

Nell’OP ho condiviso che:

@jordan-vidrine

Categorie Moderne + Caselle Gruppo

Questo componente del tema richiede che le tue categorie utilizzino l’impostazione CASE PER CATEGORIE CON SOTTOCATEGORIE nella tua area /admin/site_settings/category/all_results?filter=categories.

Questo componente del tema consente inoltre all’amministratore del forum di organizzare la propria pagina delle categorie con titoli di intestazione e scegliere quali categorie appaiono sotto ciascuna intestazione. Per semplificare le cose, ho consentito l’uso di un massimo di 5 intestazioni. Se non vengono scelte impostazioni di categorie + intestazione, tutte le categorie verranno visualizzate come fanno sopra, questa è l’opzione di rendering predefinita.

[Nerd_Alert]

c’è un modo per rendere lo sfondo un’immagine? preferirei un’immagine ai colori. usando

body {
    background-image: url("url immagine qui");
    background-color: #cccccc;
}

rende la parte superiore del colore l’immagine, ma non la parte inferiore.

[jordan.vidrine]

Quello che hai fatto va bene per aggiungere l’immagine, ma vorrai anche rimuovere il tracciato di ritaglio che viene creato per dare quell’effetto di sovrapposizione.

html .background-container {
clip-path: unset;
}