Barra laterale dei tag popolari di Discourse

Questo componente del tema visualizza i tag più popolari di una categoria in una barra laterale fissa su schermi più ampi di 767px (la maggior parte dei tablet e dei dispositivi desktop).

:warning: Devi attivare l’impostazione mostra filtro per tag sul tuo sito affinché questo componente del tema funzioni.

Cosa posso fare con questo componente del tema?

  • Visualizzare da 3 a 30 tag popolari in una barra laterale per ogni categoria

  • Impostare la posizione della barra laterale a sinistra o a destra

  • Prevenire la visualizzazione della barra laterale in determinate categorie

  • Modificare il testo dell’intestazione “Tag popolari”

CSS personalizzato

Ogni barra laterale è racchiusa in una classe che contiene il nome della categoria; ad esempio, per la categoria UX sarebbe .ux-sidebar. Puoi utilizzare queste classi per applicare stili alle singole barre laterali.

Il tag HTML nelle pagine con barre laterali include anche una classe aggiuntiva, così puoi usare html.custom-sidebar per applicare stili a tutte le pagine che hanno una barra laterale.

Installa questo componente del tema

43 Mi Piace

this would make an incredibly powerful navigation tool if it showed the most common in each category and tag-page and it was positioned in a banner, or other item at the top of the page.

3 Mi Piace

Very nice work.

I can see the sidebar only on the page of first category in the list of categories.

How do I enable it for all categories?

1 Mi Piace

The tags sidebar that appear on the parent category include both parent category tags and child category tags. To enable it for all categories and subcategories you need to change the code here discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub.

2 Mi Piace

Right now, it shows only for the first category on categories page

So, which part of code i need to edit and how can i get it for all page.

Please help with details. Sorry and thanks

Can you help with that change? I do not understand the coding that much. Please help

It appears only on first category in category list. Not in any other one. Please help

2 Mi Piace

C’è qualche modo per visualizzarlo sopra l’elenco degli argomenti invece?

Nel caso non lo sapessi, in Discourse vanilla è già presente un menu a tendina opzionale per i tag (mostrato nell’immagine sopra) che appare sopra l’elenco degli argomenti.

image

3 Mi Piace

Capisco, ma per il mio scopo vorrei mostrare una lista o una sorta di nuvola di tag invece

3 Mi Piace

Sì, ho anch’io quel problema. C’è una soluzione?

Vedo che ora funziona sulle pagine delle categorie. Ma esiste un modo per farlo funzionare anche sull’ultimo thread?

Puoi descrivere questo problema un po’ più in dettaglio? La barra laterale appare solo per una categoria e non per le altre?

Tutte le categorie che stai cercando hanno argomenti con più di 3 tag? La barra laterale non verrà mostrata se ci sono meno di 3 tag all’interno di una categoria specifica.

Sì, penso di poter aggiungere un supporto per altre pagine

1 Mi Piace

Solo una domanda.. quando clicco su Tags dalla barra laterale Tags, l’URL è https://www.example.id/tags/c/sub-categoriy/Tags-name

Non ci sono problemi quando clicco direttamente (stessa pagina), ma quando faccio clic con il tasto destro e apro in una nuova scheda, appare il messaggio “Ops! Quella pagina non esiste o è privata.

Perché il formato dell’URL non è come quello normale dei tag, https://www.example.id/tags/tag-name

Un’altra domanda: come aggiungere uno spazio tra il testo (tag) non 1 o 1,5 (non sono sicuro), ma 2.

Grazie mille

1 Mi Piace

Ho aggiunto una funzionalità per visualizzare opzionalmente la barra laterale dei tag nelle pagine del menu principale (ultimi, migliori, nuovi, ecc.). È disattivata per impostazione predefinita; puoi attivarla nelle impostazioni del componente del tema.

È stato un mio errore: non ho considerato le sottocategorie e non ho ristrutturato l’URL per adattarlo. È stato corretto ora.

Quell’URL mostra tutti i tag di tutte le categorie. Quando sei all’interno di una categoria e fai clic su un tag nella barra laterale, volevo fare in modo che tu visualizzassi quel tag nel contesto della categoria corrente.

Non sono completamente sicuro di cosa intendiate; potete farmi un esempio specifico?

1 Mi Piace

Wow… ora funziona quando lo apro in una nuova scheda. Grazie mille…

Scusa per il mio inglese :grinning:

“Aggiungi spazio” significa modificare l’interlinea (come in MS Word) a 2, che attualmente appare come 1 o 1,5, in modo da avere più spazio tra i tag

Inoltre, posso cambiare il colore del testo dei tag? Da blu a grigio

Un’altra domanda: i tag popolari sono sempre visibili?

Quando scorro verso il basso, la scritta “Tag popolari” non è più visibile, rimane visibile solo l’elenco dei tag.

image

Ancora una volta… grazie mille per il tuo aiuto

Ok, puoi aggiungere del CSS al tuo tema (amministratore > personalizza > temi) come:

.tag-sidebar a:nth-of-type(2) {
    margin-top: 5px;
}

Simile per il colore del testo

.tag-sidebar a {
    color: red;
}

Questo è probabilmente un problema con il tuo tema attuale; puoi regolare la posizione superiore della barra laterale in questo modo:

.topic-list.with-sidebar > .tag-sidebar {
  top: 120px;
}

Questi sono tutti cambiamenti CSS generici… se vuoi apportare altre modifiche allo stile come queste, ti consiglio di seguire alcuni tutorial CSS, CSS styling basics - Learn web development | MDN è un ottimo esempio gratuito!

5 Mi Piace

Ciao, ho dei problemi alla riga 31: discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub

Puoi aiutarmi a controllare questo errore?

Qual è il motivo del limite massimo di 30 tag?

Ciao Kris!
Mi chiedo se l’opzione number_of_tags non sia andata persa con questo commit? :thinking:

2 Mi Piace

Sarebbe davvero fantastico se il numero massimo di tag potesse essere aumentato a 100 e visualizzato in una nuvola di testo a bolle con altezza adattiva, ordinata alfabeticamente. In altre parole, più un tag è popolare, più grande sarà la sua dimensione del carattere. I “top 100” tag.

Inoltre, sarebbe utile posizionarlo orizzontalmente sopra le liste delle categorie per i dispositivi mobili. Lo desidero davvero tanto per mobile. :star_struck:

Ciao,

Come posso visualizzare l’elenco dei tag più popolari sotto l’intestazione? Per favore, dammi dei suggerimenti.

Grazie

1 Mi Piace

Sfortunatamente, questo componente è in conflitto con Discourse Tag Sidebars. Quando abilito entrambi, ottengo tutti i tag schiacciati in un’unica riga, così:\n\n

\n\nE le barre laterali dei tag non vengono visualizzate affatto.\n\nQuesto è sfortunato, perché questi dovrebbero essere complementari: l’elenco dei tag per la vista “tutti i tag” (e forse anche “nessun tag”), e la barra laterale per i tag specifici. Infatti, forse potrebbero essere combinati in un unico componente?

1 Mi Piace