Tema Aria

||||\n-|-|-|\n:discourse2: | Riepilogo | Air Theme è un tema pulito e moderno con una manciata di componenti tema inclusi per migliorare il tuo forum!\n| :eyeglasses: | 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. :+1: \n\n\u003ckbd\u003e [:question:\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 [:bug:\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 [:eyes:\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 [:artist:\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\nLight Mode\n\nModalità Scura\nDark Mode\n\nPagina Categorie\nCategories Page\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 :exclamation: 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\nDark Light Scheme Toggle\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\nimage\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\ncolor schemes\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\nmodern category + group boxes\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.

137 Mi Piace

That is just amazing Jordan! :heart_eyes: I love it!

17 Mi Piace

It will be helpful if the welcome message can be hide when left locale field empty :+1:

7 Mi Piace

Oh wow, this looks really nice! Thank you for the share. :slight_smile:

9 Mi Piace

This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine

13 Mi Piace

Theme looks amazing. Awesome work :heart_eyes:

5 Mi Piace

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. :heart:

8 Mi Piace

Thanks it is nice…

First time I install a new theme. I really like this one!!

8 Mi Piace

Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?

3 Mi Piace

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;
}
6 Mi Piace

Refreshingly beautiful. Great work @jordan.vidrine!

4 Mi Piace

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

4 Mi Piace

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

3 Mi Piace

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?

2 Mi Piace

Ciao. Innanzitutto, grazie per questo fantastico tema :smile:

Voglio cambiare il font-family, come posso farlo?

Ho provato questo :point_down:

  • 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??? :sob:

3 Mi Piace

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?

4 Mi Piace

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?

3 Mi Piace

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

Nell’OP ho condiviso che:

6 Mi Piace

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.

4 Mi Piace

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;
}
5 Mi Piace