Funzionalità Homepage

:discourse2: Riepilogo Homepage Feature mette in evidenza fino a 5 argomenti con immagini sulla homepage della tua community.
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Link al repository https://github.com/discourse/discourse-homepage-feature-component
:open_book: Prima volta con i temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Funzionalità

Per impostazione predefinita, il tema metterà in evidenza i 3 argomenti più recenti contrassegnati con featured e recupererà la prima immagine dell’argomento. Nelle impostazioni puoi scegliere tag personalizzati, nascondere il tag, impostare un titolo personalizzato e configurare dove appare il componente.

:iphone: Mobile e schermi piccoli

Per impostazione predefinita, ridurrà il numero di argomenti fino a visualizzarne solo uno su mobile.

Puoi modificare questo comportamento predefinito attivando show all always (mostra sempre tutto). Questo renderà il componente scorrevile orizzontalmente su schermi più piccoli (< 1000px).
Sui schermi più piccoli (< 600px) hai la possibilità di impilare gli argomenti, modificando l’impostazione mobile style (stile mobile).

Impostazioni

Nome Descrizione
featured tag (tag in evidenza) Imposta il/i tag da cui estrarre gli argomenti. Gli argomenti che corrispondono a uno qualsiasi dei tag selezionati verranno messi in evidenza.
number of topics (numero di argomenti) Visualizza fino a 5 argomenti alla larghezza massima
max number of topics (numero massimo di argomenti) Numero massimo di argomenti in evidenza. Se impostato su un valore superiore a number of topics, verranno mostrate delle frecce per sfogliare gli argomenti.
pages loop (loop delle pagine) Se la paginazione è abilitata (max number of topics > number of topics), andare oltre l’ultima pagina riporta alla prima.
hide featured tag (nascondi tag in evidenza) Quando abilitato (impostazione predefinita), i tag in evidenza impostati sopra sono nascosti agli utenti normali quando visualizzano gli argomenti. Il personale amministrativo può comunque vederli.
show on (mostra su) Dove appare il componente: homepage, pagine top_menu (le pagine impostate nell’impostazione del sito menu in alto) o all (tutte) le pagine.
show for (mostra per) Quali visitatori vedono il componente: everyone (tutti), solo utenti logged_in (connessi) o solo visitatori logged_out (anonimi).
make collapsible (rendi comprimibile) Rendi l’intero componente comprimibile
show title (mostra titolo) visualizza il testo impostato qui sotto (il titolo è sempre mostrato quando make_collapsible è attivo)
title text (testo del titolo) testo per il titolo; se vuoi localizzarlo, usa invece la traduzione featured_topic_title
sort by created (ordina per data di creazione) disabilita per ordinare invece per risposte recenti
show all always (mostra sempre tutto) Per impostazione predefinita, la quantità di argomenti mostrati diminuisce con la dimensione dello schermo, fino a un solo argomento su mobile. Selezionando questa impostazione verranno mostrati tutti gli argomenti su qualsiasi dimensione dello schermo.
hide closed topics (nascondi argomenti chiusi) Nasconde gli argomenti chiusi dall’elenco degli argomenti in evidenza
always link to first post (collega sempre al primo post) Collega sempre al primo post dell’argomento, anche se è stato già letto in precedenza
mobile style (stile mobile) Se show_all_always è selezionato, gli argomenti verranno mostrati tramite uno scroll orizzontale per impostazione predefinita. Puoi modificare questo comportamento su schermi più piccoli e scegliere di impilarli su qualsiasi schermo inferiore a 600px.
featured content position (posizione del contenuto in evidenza) Sviluppo avanzato del tema: questo modifica la plugin outlet per il componente
featured image sizes (dimensioni immagini in evidenza) Varianti di immagini ridimensionate (LARGHEZZAxALTEZZA) rese disponibili per le immagini in evidenza. Il browser carica quella più piccola che si adatta allo spazio disponibile in base alla dimensione dello schermo e alla densità dei pixel corrente, risparmiando banda. Fornisci alcune dimensioni che coprano schermi standard e ad alta risoluzione.
Traduzione Predefinito
featured_topic_title

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

89 Mi Piace

ragazzi, questo è epico! Grazie infinite. Sarebbe un’aggiunzione fantastica al core.

1 Mi Piace

“Argomenti in evidenza” nella versione mobile non dovrebbe essere al plurale.

3 Mi Piace

È incantevole. Anche se già utilizzo il componente Argomento in Evidenza, questa non è un’idea sbagliata.

Un suggerimento, però: perché non far funzionare questo componente anche con i link e non solo con i tag? Forse così potremmo collegare i contenuti da attingere magari dalle categorie e/o dai top (per indicare i trending, a mio parere). Con questo, si potrebbe avere la funzionalità Argomenti Trending nella home page; come fa Reddit. Cosa ne pensi @awesomerobot?

Ottimo componente, grazie! Una piccola richiesta di funzionalità: sarebbe fantastico se potessi regolare il numero di argomenti su desktop e mobile e mostrare anche l’autore del post sotto l’immagine…

4 Mi Piace

Penso che sia necessario aggiungere uno slider per l’argomento “navi”, poiché su mobile è possibile visualizzare un solo argomento alla volta.

Un pulsante per l’argomento “navi”.

1 Mi Piace

Forse i tuoi argomenti non hanno un’immagine?

Componente fantastico. Dona un aspetto gradevole alla homepage. Sarebbe possibile mostrare anche 3 argomenti su mobile? Magari con uno slider? Inoltre, sarebbe possibile mostrare anche gli argomenti in evidenza per categoria?

3 Mi Piace

Componente molto carino :+1:

Appoggio la suggerimento di inserire l’autore da qualche parte. Sarebbe anche bello:

  • avere il link sull’immagine che porti sempre al post più recente (come quello nel titolo)
  • poter scegliere un layout alternativo, come la variante in uno dei post sopra, con l’argomento più recente creato a sinistra e quelli più piccoli a destra
  • poter nascondere il titolo del componente quando viene scelto un titolo vuoto
  • avere uno scorrimento orizzontale su mobile (tramite piccole icone in basso o frecce laterali) per poter visualizzare tre o quattro argomenti disponibili
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.