Ecco la PR per supportare i loghi delle categorie in modalità scura:
Anche questo mi ha infastidito un po’. Un po’ di CSS personalizzato fa al caso tuo:
// fai in modo che il link Leggi di più delle intestazioni di categoria utilizzi lo stesso colore del testo di riepilogo
.category-about-url a {
color: inherit;
}
Il mio ultimo desiderio per il link “leggi di più”: mostralo solo se esiste effettivamente altro contenuto. Ho alcune pagine della categoria “Informazioni” lunghe e altre corte, e preferirei non offrire un link a contenuti aggiuntivi inesistenti.
(Non ho idea se sia fattibile. Potrebbe essere troppo chiedere a un TC.)
Quando la descrizione completa della categoria è visibile, riscontro questo problema anche in Theme Creator e sulla mia istanza di sviluppo. Ci sto lavorando. Sospetto sia dovuto al fatto che il percorso cambia ma la variabile tracciata no.
AGGIORNAMENTO: Ho aggiunto una funzionalità di espansione/compressione per le descrizioni delle categorie qui. @nathank Ho anche corretto il bug in:
Con una piccola spinta da Ask Discourse per l’uso di willDestroy con il servizio router.
Wow, Nate!
55 commit e una PR in una sera… incredibile.
Aspetterò il merge e non vedo l’ora di provarlo!
Una mattinata tarda per me, in realtà
. Verificherò se il tuo suggerimento di controllare se la descrizione contiene altro testo è fattibile. Anche io ho sentito di averne bisogno durante i miei test.
Questa è un’aggiunta fantastica! ![]()
Solo un piccolo punto di feedback: potrebbe avere senso aggiungere un’icona a forma di freccia nell’angolo in alto a destra o sul bordo destro dell’intestazione della categoria per indicare la funzionalità di espansione/collasso agli utenti. Ma è un ottimo inizio, e per ora usare un’emoji nel testo del link
come indicatore fa il suo lavoro:
PR è stato unito
!
Capito
. Ci darò un’occhiata.
Nate, la funzionalità leggi di più/leggi meno è eccellente, grazie!
Se c’è un modo per condizionare quel link su più testo esistente, sarebbe fantastico, ma potrei anche semplicemente scrivere descrizioni più lunghe ![]()
Vedo un paio di problemi che potresti non aver avuto modo di notare:
- i link di categoria e tag non stanno visualizzando le loro icone SVG
- l’immagine della categoria non viene visualizzata, quindi sto ottenendo l’icona predefinita del sito
Una piccola cosa che sono riuscito a risolvere: i link nel testo “About” non ereditavano il colore del testo, come il link leggi di più menzionato in precedenza. Questo CSS stilizza i link di testo senza influenzare i link di categoria e tag:
// text link styling, to exclude category and tag links
.category-title-header .category-title-description
a:not([data-type="tag"], [data-type="category"]) {
color: inherit;
text-decoration: underline;
}
(screenshot)


Sono davvero impressionato dagli aggiornamenti, e spero che i miei problemi con SVG e icone siano solo una semplice soluzione.
Interessante. Sai se c’era in precedenza?
Darò un’occhiata. Ho riscontrato anche questo. Nel frattempo, prova a disabilitare l’impostazione mostra logo del sito, sembra risolverlo.
Grazie. Era così in precedenza e si è verificato un cambiamento?
Prova a disabilitare l’impostazione
show site logonel frattempo, sembra che risolva il problema.
Funziona, grazie! Avrei dovuto sperimentare con più impostazioni.
Per quanto riguarda le icone dei link SVG e i colori dei link di testo, non posso dire cosa potrebbero aver fatto prima: non ho mai avuto link nella breve sintesi del testo “Informazioni”, ma ora ce ne sono alcuni nell’espansione “leggi di più”.
(Ho condiviso quel CSS per il colore dei link nel caso fosse utile a te o a qualcun altro, ma so che quel tipo di modifica dello stile non è necessariamente responsabilità del componente.)
Nate, hai qualche idea sul problema con le icone SVG delle categorie/link segnaposto?
![]()
Non so se ci sono differenze nel modo in cui devono essere codificati nell’intestazione rispetto all’argomento, ma ciò che viene prodotto è piuttosto diverso:
Confronto link categoria
Link categoria nell’intestazione:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>Wild Speculations</span>
</a>
Link categoria nell’argomento:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square" aria-label="Wild Speculations">
<span class="hashtag-category-square hashtag-color--category-5"></span>
<span>Wild Speculations</span>
</a>
e
Confronto link tag
Link tag nell’intestazione:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>ai</span>
</a>
Link tag nell’argomento:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag" aria-label="ai">
<svg class="fa d-icon d-icon-tag svg-icon hashtag-color--tag-5 svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<use href="#tag"></use>
</svg>
<span>ai</span>
</a>
Sono stato impegnato questi ultimi giorni (ci penserò domani). Sospetto che sia incluso nella descrizione della categoria. Se utilizzi la descrizione completa, si verifica ancora?
Apprezzo che tu stia offrendo il tuo aiuto e non voglio assillarti. Ho controllato per vedere se c’era qualcosa che potessi risolvere da solo. (Non c’è. :faccina arrossata:)
Ma sì, succede ancora con Mostra descrizione completa della categoria attiva.
Proverò a vedere se c’è qualcosa che posso fare. L’ultima risorsa è usare una logica (che potrebbe essere complicata) per aggiustarli in base ai colori (che potrebbero non tenere conto delle icone). Sono aperto a suggerimenti se qualcuno ha un modo migliore.
@ToddZ Se guardi questo esempio del componente ufficiale Category Banners (che penso Meta utilizzi), ha anche questo problema.
Capisco…! E qualcuno menziona il problema:
Ho installato Category Banners per verificare che le icone delle categorie funzionino, ma non lo fanno. Sia le icone delle categorie che quelle dei tag mostrano il segnaposto, proprio come con Category Headers. E il risultato è lo stesso indipendentemente dall’output scelto nelle impostazioni.
Se c’è un modo per farli elaborare normalmente, sarebbe fantastico, ma non vorrei che tu ricorressi a una soluzione alternativa complessa.
Ho appena testato la compatibilità con il tema Horizon. Tutto sommato funziona, ma l’unico problema è che l’outlet del plugin attualmente utilizzato dal componente tema delle intestazioni di categoria si trova all’interno del contenitore list-controls nel tema Horizon. Di conseguenza, l’intera intestazione della categoria rimane fissa.
La soluzione suggerita è cambiare l’outlet del plugin o aggiungere un’opzione per scegliere un diverso outlet del plugin al di fuori del contenitore list-controls, ad esempio l’outlet discovery-list-controls-above.
Posso creare una PR se vuoi @NateDhaliwal
Interessante. Grazie per aver sollevato la questione! Ci darò un’occhiata.

