Piastrelle in evidenza

:discourse2: Riepilogo Featured Tiles aggiunge una riga di riquadri in evidenza sopra le liste degli argomenti.
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Link al Repository https://github.com/discourse/discourse-featured-tiles
:open_book: Nuovo a Discourse Themes? Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Funzionalità

Featured Tiles aggiunge una riga di riquadri in evidenza sopra le liste degli argomenti.

Passando il mouse sopra, verranno mostrati il titolo dell’argomento e l’autore:

Sono disponibili molte opzioni per selezionare la fonte degli argomenti. Le immagini possono essere recuperate per tag, per categoria o utilizzando un periodo di “argomenti principali”. Le immagini possono essere limitate alla categoria attualmente visualizzata o provenire da tutto il sito.

Viene aggiunta un’impostazione nelle preferenze dell’interfaccia utente che permette agli utenti di nascondere il banner sul dispositivo corrente.

Impostazioni

Nome Descrizione
featured category La categoria contenente gli argomenti in evidenza. Imposta a 0 per tutte le categorie. “Limita alla categoria” sovrascriverà questa impostazione.
featured tags Il tag che contiene gli argomenti in evidenza. Deve essere visibile pubblicamente.
topic source Quale algoritmo utilizzare per selezionare gli argomenti
top period Il periodo di tempo utilizzato quando “topic_source” è impostato su “top”
randomize topics Randomizza la selezione e l’ordinamento degli argomenti
display when unfiltered Mostra nella pagina “Ultime” non filtrata
display on categories Mostra nelle pagine delle categorie
display categories Mostra i riquadri quando si visualizzano queste categorie. Lascia vuoto per tutte le categorie
maximum topic count Il numero massimo di argomenti da mostrare
scope to category Filtra gli argomenti alla categoria corrente
display mobile Mostra sui dispositivi mobili
Traduzione Valore predefinito
preference_header Banner Argomenti in Evidenza
preference_description Mostra il banner degli argomenti in evidenza su questo dispositivo

:discourse2: Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business ed Enterprise.

38 Mi Piace

Wow.

È incredibile! Attirerà ancora più clic sul mio forum.

@david anche se non selezionato, appare nella pagina delle categorie. Inoltre, se un argomento non ha immagini, possiamo impostare un’immagine predefinita?

Captura de Tela 2020-07-12 às 17.07.12

Modifica: un membro mi ha detto che funziona solo su MacOS, perché lui non vede nulla.

Un tema carino e funzionale :v:.

In cosa si differenzia da Homepage Feature Component? È solo una questione di stile o ci sono altre differenze più approfondite?

1 Mi Piace

È soprattutto una questione di stile. Inoltre, il componente Home Page Feature è progettato esclusivamente per la home page. Questo funziona in un numero maggiore di contesti.

3 Mi Piace

Puoi chiedere al membro di controllare la console degli errori del browser? Inoltre, facci sapere quale browser sta utilizzando?

Firefox

Chrome

Quell’errore sembra provenire da un altro componente del tema. Puoi provare a disattivarli uno alla volta?

4 Mi Piace

Ciao,

Con questa configurazione, le tessere dovrebbero apparire in tutte le pagine delle categorie, giusto? Il mio tag in evidenza è “destacato”, tuttavia le tessere non vengono visualizzate nella pagina della categoria.

2 Mi Piace

È lo stesso del tema Anteprime dell’elenco degli argomenti?

No, non è la stessa cosa. Il “Componente tema Tiles in evidenza” in questo argomento è ufficialmente mantenuto dal team di Discourse e fornisce solo ciò che si vede nello screenshot. “Topic List Previews” è un plugin e/o tema di terze parti con un design e un set di funzionalità diversi.

2 Mi Piace

Adoro questo.

Esiste un modo per estrarre solo da argomenti con foto/immagini? Altrimenti sembra piuttosto dissonante quando c’è una fila di riquadri grigi vuoti e una foto occasionale.

Grazie,
Ray

2 Mi Piace

@david come posso aumentare la qualità delle immagini e probabilmente le dimensioni a 180x80, grazie

Dovrebbe utilizzare immagini 200x200 sugli schermi normali, scalando automaticamente a 400x400 sugli schermi hidpi.

Stai osservando qualcosa di diverso?

Posso inviarti un messaggio privato, poiché il mio forum ha restrizioni per età.

1 Mi Piace

Grazie per il link. Guardando il sito, il problema è che le immagini sono in verticale. Quindi stiamo comprimendo un’immagine 3072x4608 in un quadrato 200x200, il che la rende 133x200. Poi stiamo ‘riempiendo’ una casella 222x150 con essa. Quindi stiamo mostrando un’immagine larga 133 pixel in qualcosa di largo 222 pixel.

Una soluzione qui è smettere di ‘riempire’ il banner con l’immagine e invece ‘adattarla’. Questo è l’approccio che adottiamo per le miniature dell’elenco degli argomenti:

Aggiungere una nuova impostazione al componente del tema per questo sarebbe pr-welcome, se qualcuno volesse lavorarci.

7 Mi Piace

Sembra ottimo, mi piace che le tessere non sovraccarichino l’interfaccia. Avevo un paio di domande sulla configurazione.

Non sono riuscito a far apparire le tessere in evidenza sulle pagine delle categorie, solo sulla homepage. La mia configurazione è riportata di seguito (con i nomi delle categorie oscurati, poiché non vogliamo condividerli in questo momento). Sto dimenticando qualcosa?

Configurazione attuale

La mia seconda domanda: esiste un modo per impostare immagini predefinite da utilizzare per le tessere, invece di quelle estratte dai topic? Spesso avremo topic da evidenziare che non hanno immagini, ma vorremmo comunque che l’aspetto fosse gradevole. Se non esiste attualmente un metodo integrato, significherebbe modificare il CSS o il JS?

2 Mi Piace

Ciao David!

Componente del tema fantastico. Come hanno chiesto altri, esiste un modo per aggiungere immagini predefinite per i topic senza foto?

Ad esempio, Featured1.img o Featured2.img se non viene rilevata alcuna immagine?

Inoltre, ho un problema con il componente: riconosce un tag visibile a tutti, ma quando provo ad aggiungerlo dice che non riesce a trovare il tag.

1 Mi Piace

C’è un tipo di immagine specifico (.jpg, .png, .tiff) con cui funziona? Le immagini non vengono visualizzate in 2 dei 3 argomenti che ho contrassegnato, anche se l’argomento stesso appare.


Sistema operativo - Mac 10.15.7 (Sia Chrome, Safari che la versione iOS mostrano lo stesso problema)

1 Mi Piace

Il tema mostra una barra grigia vuota quando viene attivato sul sito:

anche se l’opzione tag è selezionata e ci sono alcuni argomenti nel feature-tag.

Concordo. Mi chiedo ancora se esista un modo per cercare un’immagine da utilizzare in tutto il topic, nel caso sia presente. Oppure prenderà immagini solo dal primo post?