# Argomenti in evidenza
**URL:** https://meta.discourse.org/t/featured-topics/217580
**Category:** Theme component
**Created:** [8 Febbraio 2022, 9:38pm UTC](https://meta.discourse.org/t/featured-topics/217580 "2022-02-08T21:38:36Z")
**Posts on this page:** 20
**Page:** 3
### Author:  [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [19 Febbraio 2025, 8:00pm UTC](https://meta.discourse.org/t/featured-topics/217580/45 "2025-02-19T20:00:24Z")
Grazie per l’aggiornamento! ❤
Con alcuni trucchi CSS ho spostato l’avatar come sovrapposizione sulla miniatura in modalità scheda:
```css
.featured-topics__topic-details .topic-author {
position: absolute;
right: 30px;
bottom: 30px;
}
```
Come posso ridurre l’altezza del div (viola) dell’autore dell’argomento a 0 e rimuovere efficacemente lo spazio vuoto mostrando ancora l’avatar?
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [20 Febbraio 2025, 11:00am UTC](https://meta.discourse.org/t/featured-topics/217580/48 "2025-02-20T11:00:00Z")
> [@jrgong](#):
>
> Con alcuni trucchi CSS ho spostato l’avatar come sovrapposizione sull’anteprima in modalità card
Se stai scrivendo CSS personalizzato, piuttosto che aggiungere codice che sovrascrive uno dei layout preimpostati, ti consiglio invece di scegliere l’opzione di layout _Nessuno_ nelle impostazioni del tema e dichiarare i tuoi stili da zero.
Ad esempio, potresti copiare il [foglio di stile Cards](https://gitlab.com/manuelkostka/discourse/components/featured-topics/-/blob/main/stylesheets/cards.scss) predefinito e dichiarare il contenitore `featured-topics__topic-details` come una griglia. Quindi puoi posizionare i suoi elementi esattamente come preferisci, piuttosto che spostarli con dichiarazioni assolute.
---
### Author:  [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [20 Febbraio 2025, 11:49am UTC](https://meta.discourse.org/t/featured-topics/217580/49 "2025-02-20T11:49:38Z")
È un’ottima idea!
Per ora, siamo soddisfatti del modello e solo di alcune piccole modifiche CSS per testarlo inizialmente. Una volta che passeremo alla fase di ottimizzazione del CTR, probabilmente seguiremo il tuo consiglio. 🙂
---
### Author:  [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [20 Febbraio 2025, 12:51pm UTC](https://meta.discourse.org/t/featured-topics/217580/50 "2025-02-20T12:51:55Z")
Non sono sicuro se questo sia il comportamento previsto o se possa essere considerato un bug:
Quando vengono impostati tre argomenti nelle impostazioni, ma ne vengono visualizzati solo due, appare uno spazio vuoto dove dovrebbe esserci il terzo argomento. Sarebbe ideale se le schede venissero ridimensionate per riempire l’intera larghezza in tali casi.
---
### Author:  [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [20 Febbraio 2025, 4:50pm UTC](https://meta.discourse.org/t/featured-topics/217580/51 "2025-02-20T16:50:04Z")
Se qualcuno è interessato a utilizzare lo scorrimento orizzontale su dispositivi mobili, ecco del CSS che ho ideato (con l’aiuto dell’IA). Include anche alcuni aggiustamenti di scroll snap e dimensioni che ho trovato più adatti al nostro caso d’uso.
PS: Ho anche provato a creare delle pillole di navigazione senza aggiungere HTML, ma è stato decisamente un azzardo.
```css
@media (max-width: 750px) {
.featured-topics__topic-wrapper {
display: flex !important;
flex-direction: row !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding: 1em 10vw; /* Padding laterale per la visibilità delle schede adiacenti */
gap: 1rem; /* Spaziatura coerente tra le schede */
overscroll-behavior-x: contain; /* Impedisce interferenze con l'overscroll */
scroll-behavior: smooth; /* Scorrimento fluido */
scrollbar-width: none; /* Nasconde la barra di scorrimento */
-ms-overflow-style: none;
}
.featured-topics__topic-wrapper::-webkit-scrollbar {
display: none; /* Nasconde la barra di scorrimento nei browser WebKit */
}
.featured-topics__topic-container {
flex: 0 0 80vw; /* Schede più strette per la visibilità laterale */
min-width: 280px; /* Larghezza minima per schermi piccoli */
scroll-snap-align: center; /* Centra ogni scheda durante lo scorrimento */
height: unset !important; /* Altezza coerente */
}
.featured-topics__topic-thumbnail {
height: 40vw;
width: 100%;
}
}
```
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [15 Aprile 2025, 7:53am UTC](https://meta.discourse.org/t/featured-topics/217580/52 "2025-04-15T07:53:09Z")
Ciao, grazie mille per questo componente, lo adoro!
Qualcuno può per caso aiutarmi a regolare le dimensioni del titolo dato che è troppo grande in questo momento?
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [11 Giugno 2025, 8:32am UTC](https://meta.discourse.org/t/featured-topics/217580/53 "2025-06-11T08:32:15Z")
Ho ricevuto un messaggio di errore che dice che questo componente deve essere aggiornato per essere compatibile con le prossime modifiche al core di Discourse. Qualcuno sa se è previsto un aggiornamento?
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [11 Giugno 2025, 10:00am UTC](https://meta.discourse.org/t/featured-topics/217580/54 "2025-06-11T10:00:20Z")
Ho aggiornato il componente all’inizio di quest’anno. Devi reinstallarlo per utilizzare la nuova versione, vedi: ☝ [Featured Topics - #38 by manuel](https://meta.discourse.org/t/featured-topics/217580/38?u=nolo)
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [11 Giugno 2025, 1:54pm UTC](https://meta.discourse.org/t/featured-topics/217580/55 "2025-06-11T13:54:59Z")
Oh, grazie mille, ha funzionato!
L’unica cosa che non riesco a sistemare (credo di aver stuzzicato Chat GPT per un’ora…) è l’altezza delle schede: qualche consiglio su come posso ridurla/rimuoverla?
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [25 Agosto 2025, 7:22pm UTC](https://meta.discourse.org/t/featured-topics/217580/56 "2025-08-25T19:22:30Z")
Ciao Manuel, c’è un modo per far sì che il tuo fantastico componente tema ignori le immagini (in modo che mostri solo un estratto)?
Ho parecchi argomenti in primo piano senza immagini (che voglio mettere in evidenza), ma fanno una pessima figura accanto a quelli che contengono immagini. Inoltre, sono più interessato al testo che alle immagini.
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [26 Agosto 2025, 10:22am UTC](https://meta.discourse.org/t/featured-topics/217580/57 "2025-08-26T10:22:31Z")
Il modello del componente renderizza una varietà di contenuti disponibili su un argomento. L’aspetto finale viene quindi regolato con regole di stile. Ad esempio, quando selezioni “schede” come layout, le anteprime degli argomenti vengono nascoste quando è presente un’immagine in primo piano e mostrate ogni volta che non c’è:
Se desideri sempre mostrare l’anteprima e non mostrare mai un’immagine, puoi selezionare “nessuno” per Layout e aggiungere il tuo foglio di stile. Oppure sovrascrivi le regole sul layout delle schede che mostrano l’immagine e nascondono l’anteprima.
---
### Author:  [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)
#### Post date: [30 Gennaio 2026, 1:11am UTC](https://meta.discourse.org/t/featured-topics/217580/58 "2026-01-30T01:11:26Z")
Penso che questo sia un ottimo componente!
Ammetto di aver passato due o tre giorni a cercare di imparare a creare un componente tema per fare esattamente quello che fa questo componente. Non penso che quel tempo sia stato sprecato perché ho imparato molto, ma vorrei aver seguito prima il consiglio di ask.discourse e aver dato un’occhiata a questo componente.
Una cosa che non riesco a capire
Mi piace il layout a schede (card layout) ma vorrei mostrare una miniatura (thumbnail) e un estratto (excerpt) nel layout a schede. Qualsiasi suggerimento sarebbe apprezzato.
Invece, sono finito sul layout a elenco (list layout) ma volevo cambiare alcune cose. Le ho aggiunte alla mia scheda common.css. Forse questo aiuterà qualcun altro
per rimuovere il tag dell’argomento
```plaintext
.featured-topics__topic-tag {
display: none;
}
```
per rimuovere l’avatar dell’autore
```plaintext
.featured-topics__wrapper .topic-author {
display: none;
}
```
per rimuovere il link della categoria
```plaintext
.featured-topics__wrapper .category-link {
display: none;
}
```
Modifica da aggiungere:
Lascerò intatto il post originale sopra, ma volevo aggiungere
come far apparire l’estratto nella vista a schede
```plaintext
.featured-topics__topic-container.thumbnail .topic-excerpt {
display: contents;
}
```
Inoltre, ho imparato ad apprezzare di più il layout della vista elenco (list view) sul desktop rispetto al layout a schede, ma ha un aspetto terribile su dispositivi mobili. La miniatura è a sinistra e il titolo e l’estratto sono in una colonna stretta a destra. Non ho capito come far sì che il testo avvolga la miniatura o impili tutto in un’unica colonna.
Dato che ho capito come far apparire la miniatura e l’estratto nel layout a schede, che ha un aspetto decente su dispositivi mobili, sono passato a quel layout perché sospetto che la maggior parte degli utenti stia visualizzando il sito dal telefono.
---
### Author:  [@newbit1337](https://meta.discourse.org/u/newbit1337)
#### Post date: [2 Febbraio 2026, 4:39pm UTC](https://meta.discourse.org/t/featured-topics/217580/59 "2026-02-02T16:39:11Z")
Questo è un ottimo componente e plugin, grazie per il tuo lavoro!
Tuttavia, sembra esserci un problema con i contenuti che non si aggiornano, a meno che non esegua un aggiornamento completo della pagina, premendo F5.
Come esempio:
Creo un argomento con il tag “featured” (in primo piano).
Vado alla homepage cliccando sul banner del sito web.
L’argomento dovrebbe essere sotto “Featured Topics” (Argomenti in primo piano), ma non viene visualizzato.
Appare solo se eseguo un aggiornamento della pagina tramite il tasto F5. Anche se clicco di nuovo sul banner, non apparirà.
Stessa cosa se elimino un post in primo piano. Scomparirà solo se aggiorno la pagina tramite F5 o se chiudo la scheda e riapro la pagina.
Qualche idea sul perché succede questo?
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2 Febbraio 2026, 4:56pm UTC](https://meta.discourse.org/t/featured-topics/217580/60 "2026-02-02T16:56:14Z")
> [@newbit1337](#):
>
> Tuttavia, sembra esserci un problema con i contenuti che non si aggiornano, a meno che non esegua un aggiornamento completo della pagina, premendo F5.
Questo è intenzionale. Il contenuto non viene aggiornato dinamicamente, ma riflette lo stato al caricamento della pagina. Di solito non è un problema poiché il contenuto sarà aggiornato per qualsiasi nuovo visitatore del sito.
---
### Author:  [@TestingRico](https://meta.discourse.org/u/TestingRico)
#### Post date: [21 Maggio 2026, 12:47am UTC](https://meta.discourse.org/t/featured-topics/217580/61 "2026-05-21T00:47:27Z")
Ho appena iniziato a esaminare questo componente. Sembra che possa soddisfare bene alcune delle nostre esigenze. Grazie. Durante i test, ho notato che potrebbe esserci un conflitto con il componente dell’intestazione a tendina di Pavilion.
Durante i test del tuo componente, utilizzando l’anteprima, l’intestazione a tendina di Pavilion scompare. Si tratta di un problema noto? Esiste un modo per risolverlo e mantenere i menu a tendina insieme alla visualizzazione avanzata offerta da ‘Argomenti in evidenza’?
> **[GitHub - paviliondev/discourse-dropdown-header: A theme component to add links in the header with...](https://github.com/paviliondev/discourse-dropdown-header)**
>
> A theme component to add links in the header with dropdowns
---
### Author:  [@TestingRico](https://meta.discourse.org/u/TestingRico)
#### Post date: [28 Maggio 2026, 7:06pm UTC](https://meta.discourse.org/t/featured-topics/217580/62 "2026-05-28T19:06:17Z")
Ciao @manuel. Questo non è il posto giusto per i feedback? Se c’è un luogo migliore, ti preghiamo di indicarlo.
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [28 Maggio 2026, 7:46pm UTC](https://meta.discourse.org/t/featured-topics/217580/63 "2026-05-28T19:46:48Z")
Ciao @TestingRico, questo è il posto giusto per i feedback sul componente. Tuttavia, non vedo alcun problema nel componente in sé. Sono felice di indagare se hai un messaggio di errore concreto, ma non posso eseguire il debug della compatibilità con altri codici o componenti che esegui sul tuo sito.
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [1 Agosto 2026, 9:00am UTC](https://meta.discourse.org/t/featured-topics/217580/64 "2026-08-01T09:00:16Z")
Ciao Manuel, un altro componente brillante!
Ho notato che c’è un link rotto strano in alto a destra di ogni immagine, che punta a `/tag/undefined` - puoi vederlo su [spokes.nz](http://spokes.nz)
Inoltre, mi chiedo se saresti disponibile ad aggiungere un link “Vedi tutti i in evidenza” che porta al tag (o mi chiedo se questo sia già previsto).
Infine, mi piace molto il layout del blocco simile nel framework della homepage personalizzata, dove vengono utilizzati un’icona utente più compatta e un nome utente sulla stessa riga, e mi chiedo se questo potrebbe funzionare bene in questo TC:
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [3 Agosto 2026, 11:52am UTC](https://meta.discourse.org/t/featured-topics/217580/65 "2026-08-03T11:52:28Z")
@nathank, ho corretto il bug dei tag e aggiornato in generale il componente per utilizzare le attuali convenzioni e strumenti.
Non ho aggiunto un link “Vedi tutti”, principalmente perché questo componente consente di selezionare più tag.
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [4 Agosto 2026, 2:17am UTC](https://meta.discourse.org/t/featured-topics/217580/66 "2026-08-04T02:17:49Z")
Grazie! Apprezzo molto essere ascoltato.
Va benissimo non avere il link “Vedi tutti”: quei link alle tag fanno esattamente la stessa cosa (anzi, funzionano meglio).
Ho avuto un errore quando ho aggiornato solo il TC, però:
[Pagina precedente](https://meta.discourse.org/t/featured-topics/217580.md?page=2)
[Pagina seguente](https://meta.discourse.org/t/featured-topics/217580.md?page=4)