L’unico modo per farlo sarebbe disabilitare il componente che ha personalizzato la pagina della categoria. Dovrai andare su https://discourse.jordanvidrine.com/admin/customize/themes, fare clic su Components e trovare Modern Category + Group Boxes. Una volta su quella pagina, scorri fino in fondo e fai clic su Disable.
Va bene. Ma il tema non può essere personalizzato ![]()
Un’altra domanda, devo mostrare il numero di visualizzazioni nell’elenco degli argomenti, per favore ditemi come farlo, grazie mille
Ciao Jordan, grazie per la tua risposta! Lo apprezzo molto!
Ciao @jordan.vidrine grazie per il fantastico tema! Mi stavo chiedendo se ci fosse un modo per mostrare categorie e ultimi nella homepage? faccelo sapere.
Il mio tema è discourse.fotografos.online - PERCHÉ IL TOP È BIANCO? Dov’è la mia intestazione!??
qualcuno mi aiuti! È un’installazione nuova di zecca! cosa devo fare per aggiungere un’immagine lì invece di un blu solido?
@jordan.vidrine È possibile aggiungere una colonna Visualizzazioni? Se sì, dove posso accedere a questa opzione? Grazie.
Grazie per la risposta e per aver inviato queste informazioni. Vorrei solo sapere come applicarle al tema!
- Vai qui
admin/customize/themes - Fai clic su componenti
- Fai clic su Installa
- Fai clic su crea nuovo e dagli un nome
- Fai clic sul nuovo componente nell’elenco dei componenti
- Fai clic su
Edit Html/css - Aggiungi il codice collegato sopra al file css comune.
- Aggiungi questo nuovo componente al tema attualmente in uso
Grazie. Apprezzo molto il tuo aiuto.
Non sono riuscito a far funzionare l’HTML/CSS con il tema corrente. Tuttavia, vedo la sezione “Views” quando visualizzo in anteprima il nuovo componente. Il tema mostra anche il nuovo componente come aggiunto.
Ecco un breve video: https://share.cleanshot.com/ekutkT
Per favore, fammi sapere se vedi qualcosa che sto facendo di sbagliato con l’impostazione quando hai tempo.
Grazie per tutto il tuo aiuto.
Dove devo aggiungere questo? Questo risolverà il problema dell’immagine di sfondo tagliata come nell’immagine, giusto?
Potresti procedere con quanto segue e aggiungere il css lì:
Come aggiungere la colonna “Visualizzazioni” all’elenco degli argomenti.
Non sono uno sviluppatore o un programmatore. Ho passato qualche ora a giocare con il codice CSS utilizzando la funzione Ispeziona elemento in Google Chrome. Sono riuscito a far visualizzare correttamente la colonna delle visualizzazioni e ho anche ridimensionato ogni colonna a mio piacimento. Sentiti libero di modificare la larghezza nel codice CSS sottostante. Ho anche aggiunto commenti nel codice in modo che tu possa facilmente capire quale codice si riferisce a quale colonna. Per ogni colonna, ci sono 2 aree (Intestazione e riga). Queste larghezze devono corrispondere.
Spero che questo aiuti tutti voi: @daming @bksubhuti @eddy2
Istruzioni
1. Crea un nuovo componente.
2. Copia questo CSS
Usa questo CSS aggiornato qui sotto invece del codice fornito da @jordan.vidrine sopra.
Opzione A) Aggiungi la colonna Visualizzazioni solo per Desktop (Consigliato)
- Aggiungi il codice CSS nella scheda
Desktop.
Opzione B) Aggiungi la colonna Visualizzazioni sia per Desktop che per Mobile.
- Aggiungi il codice CSS nella scheda
Common.
Opzione C) Aggiungi la colonna Visualizzazioni solo per Mobile.
- Aggiungi il codice CSS nella scheda
Mobile.
Nota: Se hai scelto l’Opzione B o C…
Su mobile, le 3 colonne (Risposte, Visualizzazioni, Attività) occupano troppo spazio e sono schiacciate. Se hai bisogno di questo per il mobile, ti suggerisco di rimuovere una delle 3 colonne. Puoi farlo aggiungendo Display: none a entrambe le aree (Intestazione, Righe) nel codice CSS sottostante per la colonna che desideri nascondere.
/* [Topic] */
/* Intestazione Argomento */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
width: 66%;
}
/* Riga Argomento */
.full-width .contents .topic-list .topic-list-header .topic-list-data.default {
width: 66%;
}
/* [Replies] */
/* Intestazione Risposte */
.full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
width: 7%;
order: 2;
}
/* Righe Risposte */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
width: 7%;
order: 2;
}
/* [Views] */
/* Intestazione Visualizzazioni */
.full-width .contents .topic-list .topic-list-header .topic-list-data.views {
display: block;
width: 7%;
order: 3;
}
/* Righe Visualizzazioni */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.views {
width: 7%;
order: 3;
display: flex;
justify-content: center;
align-items: center;
}
/* [Activity] */
/* Intestazione Attività */
.full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
display: block;
width: 7%;
order: 4;
}
/* Righe Attività */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
width: 7%;
order: 4;
}
@jordan.vidrine Se hai delle revisioni al CSS che ho scritto, fammelo sapere. Non so bene cosa sto facendo… ma funziona lol.
Ecco le mie modifiche CSS per migliorare la visualizzazione su dispositivi mobili.
Adoro questo tema, ma ho notato alcuni piccoli dettagli, quindi ho aggiunto il seguente CSS per renderlo un po’ più gradevole secondo la mia prospettiva. Spero che questo aiuti qualcun altro con le stesse preferenze.
Ecco l’originale (non modificato)
Nota quanto segue nell’immagine sopra:
- Il numero 1 che rappresenta le Risposte è troppo a sinistra.
- La bolla dell’argomento si sovrappone leggermente allo sfondo blu.
- Non c’è spaziatura tra tutto il contenuto e lo sfondo blu.
- Lo sfondo blu non ha un bell’aspetto nella pagina della categoria. Mi piace invece nella home page.
Ecco il codice CSS che ho aggiunto nella scheda Mobile.
/* Aggiunge spaziatura all'area Categoria, Sottocategoria, Tag, ricerca, ultime, nuovo argomento e notifiche */
.list-controls {
padding: 5px;
}
/* Aggiunge spaziatura all'area Argomenti */
div#list-area {
padding: 6px;
}
/* Allinea il numero di Risposte più a destra */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Aggiornato (Dopo aver aggiunto il CSS)
Se anche tu preferisci rimuovere lo sfondo blu, ecco il codice per rimuoverlo solo dalle pagine delle categorie.
/* Rimuove lo sfondo blu solo per la categoria */
html .category .background-container {
background: #fff;
clip-path: none;
}
Ecco come appare con tutte le modifiche.
Segnalazione problema su mobile
Su mobile, c’è un menu a tendina Categoria. Quando viene cliccato e vengono selezionati Ultimi, Non letti o Migliori, non è più possibile selezionare Categorie dal menu a tendina.
1. Prima
2. Quando viene cliccato il menu a tendina
3. Dopo aver cliccato
4. Menu a tendina (Categorie mancanti)
A questo punto, un utente non è più in grado di selezionare il menu a tendina e scegliere nuovamente Categorie.
Qualche consiglio su come risolvere questo problema?
Grazie
@UnitedFreedom
![]()
Grazie mille per aver pubblicato queste utili istruzioni per coloro che desiderano che la colonna di visualizzazione sia visibile.
Hai un link al tuo sito? Ci sto provando sul mio localmente e non riesco a riprodurlo.
Grazie per questo tema completo e rifinito.
Sto riscontrando un problema con il componente “featured topics” che non mostra le schede. Vorrei anche avere la possibilità di mostrare solo gli argomenti in primo piano all’interno di categorie specificate. Il che, in teoria, dovrebbe funzionare o anche nelle varianti basate su quella ufficiale.
vedi immagine sotto
Posso, se necessario, inviarti un link in DM per dare un’occhiata. Entrambi gli argomenti di test hanno immagini in primo piano; sebbene utilizzino il tag personalizzato “pi-featured”. Esecuzione “test-passed”.
Per favore, invia un link, ci darò un’occhiata ![]()








