Ultimo elenco come visualizzazione griglia

Sviluppatore
1

Ciao!

Sto attualmente sviluppando il mio tema per “blog” e vorrei impostare la visualizzazione più recente in stile griglia (come qui nella categoria dei temi).
So che ci sono alcuni componenti per questo, ma non ho immagini nei miei post, quindi sembra un po’ strano. E non c’è opzione (ad esempio nel componente topic-thumbnails) per impostarla a 2 o 3 colonne (o anche flessibile).

Ho provato molte cose (il sito si è quasi rotto dopo :joy:) ma non sono riuscito a capire come fare.

Qualcuno può darmi un suggerimento su come risolvere questo problema? Ho solo bisogno dell’impostazione di base e poi potrò “stilizzarla” per adattarla alle mie esigenze.

Cordiali saluti

PS. Se questa è la categoria sbagliata, per favore spostala. :slightly_smiling_face:

2

La maggior parte delle cose come questa può essere configurata nel CSS tramite admin > personalizza > temi > CSS personalizzato

Volevo anche avere due colonne e una visualizzazione più stretta, quindi ho ridotto la larghezza massima da 1100px (?) a 950px e questo è anche cambiato da tre a due colonne - nel mio caso era questo

:root { --d-max-width: 950px; }

3

L’anteprima dell’elenco degli argomenti è reattiva, quindi imposta automaticamente il numero di colonne. Basta ridurlo un po’ con le barre laterali (ad esempio con il plugin Layouts) e il numero di colonne diminuisce. (Vedi questo esempio https://www.starzen.space - inizia con 2 colonne ma fai clic su un tag e ritorna a 3 colonne)

2 Mi Piace
4

Sì, so che questo può essere fatto con il CSS, tutto il mio tema è realizzato con il CSS.
E, non ho 1100px, il mio design è flessibile alla risoluzione dello schermo. E no, non voglio questa larghezza fissa ultra piccola di 1100px. :wink:

@merefield
Ho provato molto questo componente del tema, ma non è quello che stavo cercando. Non ho immagini nei post e dovrebbe essere flessibile con le colonne (dipende dalla risoluzione dello schermo).

Quello che sto cercando è la classe CSS per trasformare la lista in una griglia. :slightly_smiling_face:

5

Lo è, ecco perché c’è solo una colonna sui dispositivi mobili.

Su iPad da 11 pollici con una singola barra laterale destra, TLP mostra due colonne in orizzontale e una in verticale.

Questa è la riga chiave in TLP:

Dovresti leggere questo:

e questo (ma non sono sicuro che ‘risoluzione’ sia ciò che intendi perché può essere confuso con DPI):

2 Mi Piace
6

Grazie!

Il mio problema era trovare la classe CSS corretta da Discourse per l’elenco.
È topic-list-item o topic-list-item-seperator o qualcos’altro.

Ci proverò più tardi.

7

Il CSS della griglia deve essere al di sopra del livello dell’elemento. Copia il modo in cui lo fanno TLP o TLT.

3 Mi Piace
8

Sto usando Topic List Thumbnails ora e ho sovrascritto alcune cose tramite CSS. Non volevo nulla con immagini nel testo, ma puoi usare un’immagine predefinita.

9

Non intendi icona?
Non devi usare immagini con TLP e puoi usare un’immagine predefinita.

1 Mi Piace
10

Sì, certo, un’icona predefinita. :wink:

11

Mi dispiace per il doppio post, ma ho un’altra domanda riguardo al pulsante di registrazione/accesso.

Voglio nascondere questi 2 pulsanti per gli utenti anonimi, ma poi non posso nemmeno accedere. Esiste un URL per un sito di accesso o qualcosa di simile?

12

Nessuno?
C’è davvero nessun URL di accesso?

13

https://meta.discourse.org/login o

A seconda dei tuoi metodi di accesso e di ciò che desideri. :slight_smile: