Tema Aria

[tynaut (Ty Correll)]

[quote=“Danielle Schwerin, post:462, topic:197703, username:dschwerin-teachau”]
Ci piacerebbe molto poter aggiornare quelle abbreviazioni, poiché abbiamo molte categorie con nomi simili (i nomi sono iterazioni basate su anni di classe/grado), quindi stanno ottenendo abbreviazioni simili. Inoltre, le abbreviazioni non sono molto significative per la nostra comunità.
[/quote]Puoi sostituire le abbreviazioni con immagini:
Clicca sulla categoria → icona chiave inglese → Immagini

E se vuoi nascondere solo le abbreviazioni, potresti creare un componente e applicare qualcosa di simile al seguente css:

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;

        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

Prima:

Dopo:

[digitaldominica]

Ciao @jordan.vidrine Come posso mostrare le sottocategorie nella casella delle categorie moderna? Ho selezionato caselle e sottocategorie ma non vedo che vengano visualizzate? Questa opzione non è stata aggiunta al componente?

[jordan.vidrine]

Sono nascosti per impostazione predefinita, per mostrarli dovrai renderli visibili tramite CSS personalizzato in un componente del tema.

[digitaldominica]

Grazie, l’ho scoperto dopo aver forked il repository. Il mio problema è risolto.

[Kevin7 (Kévin .)]

Ciao @jordan.vidrine, prima di tutto congratulazioni per il tuo tema che è molto bello da usare, tuttavia sono nuovo a discourse e non lo conosco molto bene ma voglio aggiungere css ma non riesco a trovare il pulsante per aggiungere css personalizzato? Devo aggiungere un plugin per farlo perché nel tema predefinito potevo farlo direttamente nel tema? Grazie in anticipo

[jordan.vidrine]

Puoi trovare informazioni su come personalizzare il tuo Discourse qui → Beginner's guide to using Discourse Themes

[ErlendMS (Erlend Markussen Saltnes)]

Sono un’altra persona a cui piace il tema, e inizio la mia domanda dicendo “grazie” e “ben fatto”!

La mia domanda è: C’è un modo per impostare una palette di colori predefinita per la modalità scura?

Ecco come appare (con una traduzione norvegese non perfetta, scusate) dove ho impostato il tema predefinito, che è una modalità chiara:

Ho creato palette personalizzate per la modalità chiara e scura (che sono abilitate come selezionabili dall’utente, e questo funziona), ma non riesco a disattivare Air-Light e Air-Dark. E quando vado sul sito in Incognito con la modalità scura abilitata sul dispositivo, mi viene servito Air-Dark.

---

Oh, e un’altra domanda: Dove dovrebbe trovarsi l’interruttore dello schema chiaro/scuro?

Cliccando sull’immagine del profilo in alto a destra ottengo questo quando sono loggato come utente di prova:

E questo quando sono loggato come amministratore:

Ecco un link al mio sito, che è molto lontano dall’essere finito, se può aiutare a dare un’occhiata. Grazie!

[jordan.vidrine]

@ErlendMS

Ho creato palette personalizzate per la modalità chiara e scura (che sono abilitate come selezionabili dall’utente, e questo funziona), ma non riesco a disattivare Air-Light e Air-Dark. E quando vado sul sito in Incognito con la modalità scura abilitata sul dispositivo, mi viene servito Air-Dark.

Hai seguito queste linee guida?

@jordan-vidrine

Affinché ciò 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 abilitato color scheme can be selected by users.

Una volta fatto ciò, gli utenti dovrebbero essere in grado di scegliere tra due schemi colore come loro preferenze chiaro e scuro nel loro menu delle preferenze utente.

@ErlendMS

Oh, e un’altra domanda: Dove dovrebbe essere il Dark Light Scheme Toggle?

Questo argomento riguarda il componente dark light toggle installato sul tema Air. Dovrebbe aiutarti lì. Puoi impostarlo per essere nella barra laterale o nell’intestazione.

Dark/Light Mode Toggle

Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows a dark/light mode toggle icon on your Discourse forum. It…

[ErlendMS (Erlend Markussen Saltnes)]

Sì, l’utente può scegliere la modalità chiara e scura senza problemi. Quello su cui sto lavorando è ciò che vedrebbe un nuovo utente. L’impostazione predefinita prima della scelta.

Se un nuovo utente arriva sul sito e ha la modalità chiara attiva sul dispositivo, ottiene la palette che ho impostato nello screenshot. Ma se ha la modalità scura attiva sul dispositivo, ottiene Air-Dark. È questo che voglio cambiare.

---

Grazie per il link al componente! Non mi ero reso conto che fosse un componente separato.

[jordan.vidrine]

@ErlendMS

Ma se hanno la modalità scura sul dispositivo, ottengono Air-Dark. Questo è ciò che voglio cambiare.

Cosa vuoi mostrare agli utenti in modalità scura?

[ErlendMS (Erlend Markussen Saltnes)]

Ok, quindi ho quattro temi installati/attivati:

• Mine-Light
• Mine-Dark
• Air-Light
• Air-Dark

(Vorrei poter disattivare gli ultimi due, ma è un problema separato. Sono belli! Ma sto creando un forum per una squadra di calcio e ho creato temi che corrispondono ai colori delle maglie. )

Sono riuscito a impostare Mine-Light come tema predefinito, quindi se un nuovo utente visita il sito con la modalità chiara sul proprio dispositivo, gli viene servito quello.

Ma ecco il problema: se un nuovo utente visita il sito con la modalità scura sul proprio dispositivo, gli viene servito Air-Dark. E io voglio che sia Mine-Dark. (Per ottenerlo ora, devono selezionarlo manualmente nelle impostazioni.)

[jordan.vidrine]

Che schema hai impostato qui? → admin/site_settings/category/all_results?filter=dark%20mode

[ErlendMS (Erlend Markussen Saltnes)]

Oh, impostare il mio schema preferito ha funzionato, grazie!

Un po’ strano che potessi impostare la modalità dark predefinita solo lì (Impostazioni del sito ➔ Base), però - e impostare la modalità light predefinita solo nelle impostazioni del tema.

Considererei di aggiungere una piccola nota, preferibilmente con un link, sotto dove imposti la modalità light nelle impostazioni del tema. Qualcosa come:

Questo imposta la palette della modalità light predefinita per il tuo tema. Clicca qui per impostare la modalità dark predefinita./Vai su Impostazioni del sito ➔ Base, per impostare la modalità dark predefinita.

---

A proposito, mi sono divertito un po’ con un po’ di trasparenza e sfocatura e il tuo tema. (Mi ha dato qualche problema di z-index, però - probabilmente a causa della mia inesperienza, con cui sto ancora lavorando per risolvere i problemi.) Mi è piaciuto particolarmente come ha dato un po’ più di peso allo sfondo “swoosh”!

Dai un’occhiata se vuoi! (Sono ancora agli inizi, però - come immagino tu possa vedere.)

[Wayne_Hsu]

Ciao, sono Wayne Hsu di Niantic, Inc.
Stiamo costruendo il nostro forum per 8thwall.com con Discourse Air Theme con una palette di colori personalizzata. E per qualche motivo, nella visualizzazione mobile, lo sfondo del contenitore del contenuto principale per la pagina delle categorie (div id: main-outlet) è completamente trasparente e l’alfa è impostato su 0. Non vedo un modo per aggiornare il colore/alfa dello sfondo.
Ho visto che qualcuno ha avuto un problema simile in passato
Air Theme - #187 by hequaye

E un suggerimento è stato quello di cambiare lo stile della pagina delle categorie desktop in qualcos’altro nelle impostazioni (attualmente è impostato su Categorie e Ultimi argomenti), ma non vedo che aiuti poiché è un’impostazione solo per la visualizzazione desktop.
Qualche idea su una soluzione?
Grazie!

[jordan.vidrine]

@ErlendMS

Dai un’occhiata qui se vuoi! (Sono ancora agli inizi, però - come immagino tu possa vedere.)

Sembra molto carino!

[HisFocus (Tim)]

Penso che il tema Air sia molto bello, tuttavia, l’opzione per modificare (o aggiungere) CSS non è presente quando visito ADMIN > PERSONALIZZA > Tema Air. Mi sfugge qualcosa? https://www.communiteq.com/ ospita il mio sito. Questo è ciò che vedo:

[Moin]

Devi aggiungere il tuo componente

Air Theme

Go here admin/customize/themes Click on components Click Install Click create new & give it a name Click on the new component in the components list Click Edit Html/css Add the linked code above to the common css file. Add this new component to the currently used theme

[HisFocus (Tim)]

@Moin! Sono nuovissimo di Discourse, ma WOW! Questo continua a migliorare sempre di più! Grazie mille!

Mi scuso anche, perché vedo che leggendo questa discussione la domanda è stata posta e risposta circa 5.000 volte.

[Arkshine]

Non c’è bisogno di scusarsi. Potrebbe non essere comunemente noto che puoi farlo!

Ecco una guida se vuoi esplorare temi/componenti:

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

[ElComputer]

Grazie per il tema. Vorrei usare i font Adobe. Devo modificare il file del tema? o qual è il modo più intelligente per farlo?

Ho anche notato che il logo dell’intestazione è un po’ piccolo e la barra di ricerca sulla destra e il login potrebbero assomigliare più a un pulsante che a un’icona. È un plugin/componente o CSS?