Gestire /latest diversamente da /new ecc. tramite CSS

Supporto
1

Vorrei avere uno stile diverso sulla nostra homepage (che è /latest) rispetto a /new, /unread, ecc. È possibile farlo tramite CSS al momento? Grazie!

2

Non aggiungiamo classi in base al filtro corrente. Cosa stai cercando di fare?

3

Utilizziamo il plugin di anteprima dell’elenco degli argomenti per mostrare le immagini teaser e vorremmo visualizzarle solo nella homepage: https://1e9.community/

4

Puoi aggiungere questo al tab header del tuo tema e le classi verranno aggiunte al tag <body> mentre navighi

<script type="text/discourse-plugin" version="0.8">
api.modifyClass("component:d-navigation", {
  didInsertElement() {
    document.body.classList.add(`filter-mode-${this.filterType}`);
  },

  willDestroyElement() {
    document.body.classList.remove(`filter-mode-${this.filterType}`);
  }
});
</script>

Aggiungerà filter-mode-FILTERMODE come classe, ad esempio

filter-mode-top
filter-mode-new
filter-mode-latest

Puoi quindi combinarlo con la classe navigation-topics per rendere il tuo CSS specifico, ad esempio

.navigation-topics.filter-mode-new {
  // esegui operazioni
}

Tieni presente che nascondere le immagini tramite CSS non impedirà al browser di scaricarle. Non otterrai alcun risparmio di larghezza di banda da questo, solo cambiamenti visivi.

Complimenti per il sito :+1:}

5

Grazie mille! Grande aiuto!