||||\n-|-|-|\n:discourse2: | Riepilogo | Air Theme è un tema pulito e moderno con una manciata di componenti tema inclusi per migliorare il tuo forum!\n|
| Anteprima | Anteprima su Discourse Theme Creator\n:hammer_and_wrench: | Link al Repository | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |Nuovo ai Temi di Discourse? | Guida per principianti all’uso dei temi di Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nInstalla questo tema\n[/wrap]\n\n[quote]\n\n:discourse2: Essendo questo un tema #ufficiale mantenuto dal team di Discourse, i problemi di #supporto, le segnalazioni di Bug, i suggerimenti UX e le richieste di consigli Dev possono essere presentati nelle rispettive categorie qui su Meta, e taggati con il tag del tema appropriato. Clicca su un link qui sotto per iniziarne uno.
\n\n\u003ckbd\u003e [
\u0026nbsp;Supporto](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "Chiedi supporto sulla configurazione e l’uso di Air Theme") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "Una segnalazione di bug significa che qualcosa non funziona, impedendo l’uso normale/tipico del tema") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "Discussione sull’interfaccia utente di Air Theme, e su come vengono presentate le funzionalità (inclusi lingua ed elementi UI)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "Consigli su come personalizzare questo tema per il tuo sito")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Funzionalità\n\nModalità Chiara\n
\n\nModalità Scura\n
\n\nPagina Categorie\n
\n\nQuesto tema include anche un paio di componenti per migliorare il tuo forum.\n- Argomenti cliccabili\n- Caselle Categoria + Gruppo Moderne\n\n\u003e
Si prega di leggere questi suggerimenti dopo l’installazione, poiché ci sono alcune impostazioni che DEVONO ESSERE ABILITATE affinché questo tema venga visualizzato correttamente.\n\n— \n# Suggerimenti\n### Interruttore Schema Chiaro/Scuro\n
\n\nAffinché funzioni correttamente, è necessario abilitare almeno 2 scelte di schema colore nella tua area https://discourse.jordanvidrine.com/admin/customize/colors. Almeno due colori devono avere abilitata l’opzione color scheme can be selected by users.\n\n
\n\nUna volta fatto ciò, gli utenti dovrebbero essere in grado di scegliere tra due schemi colore come loro preferenze chiaro e scuro nell’interfaccia delle preferenze utente.\n\n
\n\n___\n## Banner di Benvenuto\n\nVai alla pagina Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n- nel menu a tendina Enabled on themes… seleziona Air Theme\n- nel menu a tendina Location seleziona Below site header\n___\n## Caselle Categoria + Gruppo Moderne\nQuesto componente tema richiede che le tue categorie utilizzino l’impostazione CATEGORY BOXES WITH SUBCATEGORIES nella tua area /admin/site_settings/category/all_results?filter=categories.\n\n
\n\nQuesto componente tema consente inoltre all’amministratore del forum di organizzare la pagina delle categorie con titoli di intestazione e di scegliere quali categorie apparire sotto ciascuna intestazione. Per mantenere le cose semplici, ho permesso l’uso di un massimo di 5 intestazioni. Se non vengono selezionate impostazioni di categorie + intestazioni, tutte le categorie verranno visualizzate come sopra, questa è l’opzione di rendering predefinita.\n\n\u003e:discourse2: Ospitato da noi? I temi sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.
That is just amazing Jordan!
I love it!
It will be helpful if the welcome message can be hide when left locale field empty 
Oh wow, this looks really nice! Thank you for the share. 
This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine
Theme looks amazing. Awesome work 
This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way. 
Thanks it is nice…
First time I install a new theme. I really like this one!!
Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?
I believe this should work:
.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;
}
Refreshingly beautiful. Great work @jordan.vidrine!
È possibile modificare il testo dell’intestazione “Welcome to the forum”?
Sì, questo può essere modificato nel componente Discourse Search Banner ![]()
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?
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??? ![]()
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?
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?
Questo perché il tema e i suoi componenti inclusi sono piuttosto esigenti riguardo a come è impostato il sito.
Nell’OP ho condiviso che:
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.
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;
}