Funzionalità della homepage

:discourse2: Sintesi La funzionalità Homepage Feature mostra fino a 5 argomenti con immagini nella home page della tua community.
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Collegamento al repository https://github.com/discourse/discourse-homepage-feature-component
:open_book: Nuovo su Discourse Themes? Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Funzionalità

Per impostazione predefinita, il tema mostrerà i 3 argomenti più recenti contrassegnati con il tag featured e importerà la prima immagine presente nell’argomento. Nelle impostazioni puoi scegliere un tag personalizzato, nascondere il tag, impostare un titolo personalizzato e configurare la posizione in cui appare il componente.

:iphone: Dispositivi mobili e schermi piccoli

Per impostazione predefinita, gli argomenti vengono ridotti fino a lasciarne solo uno visibile su schermi mobili.

Puoi modificare questo comportamento predefinito attivando mostra sempre tutti. In questo modo il componente diventerà scorrevole orizzontalmente su schermi più piccoli (< 1000px).
Sui schermi più piccoli (< 600px) hai la possibilità di impilare gli argomenti modificando l’impostazione stile mobile.

Impostazioni

Nome Descrizione
tag featured
numero di argomenti Mostra fino a 5 argomenti alla larghezza massima
nascondi tag featured Se abilitato, il tag “tag featured” impostato sopra sarà invisibile agli utenti normali durante la visualizzazione degli argomenti.
mostra su
mostra per
rendi comprimibile Rendi l’intero componente comprimibile
mostra titolo visualizza il testo impostato di seguito (il titolo è sempre mostrato quando make_collapsible è attivo)
testo del titolo ordina per data di creazione
mostra sempre tutti Per impostazione predefinita, il numero di argomenti visualizzati diminuisce in base alle dimensioni dello schermo, fino a uno solo su dispositivi mobili. Selezionando questa impostazione, tutti gli argomenti verranno mostrati su qualsiasi dimensione dello schermo.
nascondi argomenti chiusi Nascondi gli argomenti chiusi dall’elenco degli argomenti in evidenza
collega sempre al primo messaggio Collega sempre al primo messaggio dell’argomento, anche se è già stato letto
stile mobile Se show_all_always è attivo, gli argomenti verranno mostrati con uno scorrimento orizzontale per impostazione predefinita. Puoi modificare questo comportamento su schermi più piccoli e scegliere di impilarli su schermi inferiori a 600px.
posizione del contenuto in evidenza Sviluppo avanzato del tema: modifica il plugin outlet per il componente
Traduzione Predefinito
featured_topic_title

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

89 Mi Piace

guys this is epic! Huge thx. It would be amazing addition to core

1 Mi Piace

“Featured Topics” in the mobile version shouldn’t be plural.

3 Mi Piace

This is lovely. Although I already use the Featured Topic Component, but this is not a bad idea too.

A suggestion, though: How about you make this component work with links too and not just tag? Maybe then can we link the contents to be sourced from maybe categories and/or top (to stand for trending) IMHO. With this, one can have the Trending topics feature on the homepage; like Reddit has. What do you think about this @awesomerobot?

Great component, thank you! A little feature request: It would be great, if you could adjust the number of topics on desktop/mobile and also show the author of the post beneath the image…

4 Mi Piace

I thing is add slide for ship topic because in mobile we can see one topic only.

To button for ship topic.

1 Mi Piace

Maybe your topics don’t have a image?

Amazing component.It gives a nice look to homepage. Would it be possible to showcase also 3 topics on mobile? Maybe with a slider? And also,would it be possible to showcase also featured topics by category?

3 Mi Piace

Very nice component :+1:.

I second the suggestion of having the author somewhere. Would also be nice to:

  • have the link on the image to always go to the most recent post (like the one in the title)
  • able to choose an alternative layout like the variant in one of the posts above, the latest created topic on the left with smaller ones on the right
  • able to hide the component title when an empty title is chosen
  • having an horizontal scrolling on mobile (either by small icons below or side arrows) to be able to have the three or four topics available
3 Mi Piace

Ho trovato un bug relativo a come questo componente interagisce con le card utente.

Per qualche motivo, le card utente sembrano non rendersi conto che il componente sta aumentando l’altezza della pagina.

Ecco uno screenshot dall’anteprima del tema: quando faccio clic su un profilo utente, la card appare. Come puoi vedere, la card utente sembra non essere a conoscenza degli argomenti in evidenza:

Ho provato diverse soluzioni per risolvere il problema, ma non sono sicuro del motivo per cui l’altezza del componente non viene presa in considerazione quando si calcola il posizionamento della card utente.

Grazie!

2 Mi Piace

Ho appena apportato un aggiornamento che risolve il problema.

Il modo in cui era configurato in precedenza interferiva con il collasso dei margini… il che alterava il nostro calcolo della posizione superiore per le card degli utenti… è brevemente trattato qui: Mastering margin collapsing - CSS | MDN, questo era correlato a “Nessun contenuto che separa il genitore dai discendenti.”

9 Mi Piace

Fantastico componente aggiuntivo per il tema!

Sarebbe possibile randomizzare la rotazione? L’ho impostato per visualizzare 2, e mostra i due thread con l’attività più recente.

Ciao @awesomerobot, questo componente del tema è fantastico. Tuttavia, vorrei sapere se è possibile che nella versione mobile non venga mostrato solo 1, ma uno slider con i 3 temi in evidenza che puoi vedere nella pagina principale. Penso che dia un bell’aspetto alla pagina principale. Sarebbe ottimo anche se fosse possibile aggiungere temi in evidenza su ogni pagina di categoria. Spero tu possa dare qualche feedback e grazie mille per questo!

3 Mi Piace

Sono riuscito a fare qualche trucco con il CSS e ora su mobile posso scorrerlo! Ma solo in verticale, non so come farlo diventare orizzontale :smiley:

1 Mi Piace

Componente fantastico!
L’unica cosa è che, nel mio forum, su mobile, sembra esserci troppo spazio sotto i contenuti in evidenza.

Quindi, posso risolvere in qualche modo o è possibile almeno disabilitarlo nella visualizzazione mobile?
Grazie!

2 Mi Piace

Grazie mille, è davvero bello.
Esiste un modo per far sì che su mobile i 3 elementi vengano visualizzati in modalità slider?

Un’altra funzionalità fantastica potrebbe essere quella di, entrando in una categoria o in un tag, filtrare i tag “in evidenza” e mostrarli specificamente per quel tag o quella categoria.

In ogni caso, è davvero ottimo. Grazie.

1 Mi Piace

È strano, non vedo molto spazio dal mio lato… è possibile che tu abbia altri temi installati che potrebbero causarlo? (anche come nota a margine, sembra la visualizzazione desktop su mobile, non quella mobile)

Ecco il mio test senza altri temi abilitati:

1 Mi Piace

Ciao,
Ieri alcune miniature sono apparse molto bene per 3 post (2 dei post non includevano immagini, ma piuttosto un video YouTube); il sistema ha estratto la miniature e tutto era a posto.

Improvvisamente oggi le miniature non appaiono più per i due post che contenevano il video YouTube. C’è un problema noto in merito?

https://www.tournamust.com/

Non sono a conoscenza di alcun problema, ma non ho testato questo componente con video incorporati. Darò un’occhiata per vedere se c’è qualcosa di evidente in corso.