Icone delle categorie

[volanar]

Ciao! Ci sono novità? È molto interessante quello che è successo

[mattdm (Matthew Miller)]

@carson

Questo aggiornamento non è ancora stato unito, al momento esiste solo come ramo separato nel repository. Invierò presto una PR entro la prossima settimana per unirla senza interrompere alcuna configurazione esistente. Grazie per il tuo gentile feedback!

Qual è lo stato di questo? Mi piacerebbe andare oltre fontawesome.

[carson]

Non è stato unito, ma sentiti libero di installare il repository e usare il mio branch nel frattempo.

[mattdm (Matthew Miller)]

Grazie! Aspetterò che il nuovo menu funzioni per il nostro sito sia completato, e poi lo proverò in staging.

[volanar]

Qualcuno sa quando accadrà questo in modo da non utilizzare questo componente in un nuovo progetto?

FEATURE: Use new experimental plugin API for sidebar

[Moin]

Userei semplicemente il componente. In Moving to a Single Category Style Site Setting c’erano domande sulle icone delle categorie e questo non sembra che diventeranno parte del core fino al rilascio di Discourse 3.2.

@awesomerobot

Il componente delle icone delle categorie dovrà essere rifattorizzato, possiamo lavorarci prima che questo aggiornamento avvenga.

[awesomerobot (Kris)]

Sì, per confermare ho appena unito un aggiornamento a questo componente per renderlo compatibile con Moving to a Single Category Style Site Setting

L’aggiornamento sarà disponibile per i siti con la versione Discourse 3.2.0.beta4-dev o successiva, grazie a Pinning plugin and theme versions for older Discourse installs (.discourse-compatibility)

Poiché questo è bloccato a una versione piuttosto che a un commit specifico… se sei già su Discourse 3.2.0.beta4-dev e stai riscontrando problemi con questo componente, potresti dover aggiornare nuovamente Discourse oggi.

[mattdm (Matthew Miller)]

Non ho mai avuto modo di provare il tuo ramo, ma spero di tornarci. Ci sono altre novità sul fatto che diventerà ufficiale?

[mattdm (Matthew Miller)]

@carson Ho avuto modo di provarlo un po’. Sembra fondamentalmente buono, tranne che per:\n\n1. Le icone nel menu a discesa di selezione della categoria non sono a colori\n2. Non funziona nel nuovo menu\n3. Se abiliti "Usa il logo caricato dalla categoria come sua icona":\na. influisce solo sul menu a discesa di selezione della categoria\nb. non viene mostrato accanto alla categoria in nessun altro luogo\nc. e anche se questa opzione è attiva, il menu a discesa di selezione della categoria mostra solo queste icone (anche se altre categorie hanno icone diverse configurate).\n3. Le icone sembrano più grandi di quanto non fossero nel tema precedente. Renderle della stessa dimensione sarebbe meno dirompente, ma forse sarebbe bello avere un’impostazione per la dimensione?\n\nInoltre, alcune cose gradite:\n* Un’opzione per nascondere l’icona di blocco della categoria, non solo per impostarla su qualcos’altro^[1]\n* Se viene utilizzato il logo della categoria, fornire un’opzione per nascondere il grande logo della categoria nella pagina delle categorie. Sono ridondanti.\n* Spostare la configurazione di emoji e fontawesome nella pagina della categoria, accanto alla configurazione del logo della categoria

---

1. Trovo che aggiunga molto rumore visivo e non molto valore perché non dice come la categoria è limitata! ↩︎

[zhang_zhiyuan]

Ciao Coin,

Pensiamo di avere lo stesso problema di ultrakiller.

Ecco il file che abbiamo aggiunto per il caricamento

Quando usiamo i codici per sostituire l’icona della stella con questa icona di categoria, non funziona

    api.replaceIcon('d-liked', 'beer');
    api.replaceIcon('d-unliked', 'fa-beer');
    api.replaceIcon('star', 'category');

Siamo davvero confusi su quale passaggio ci manca. Puoi per favore scoprirlo? Grazie mille!

[Arkshine]

Ehi, devi seguire questa guida per creare un file SVG con il formato corretto:

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

Nel tuo caso, sarebbe qualcosa del genere:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="my-icon-id" viewBox="0 0 1024 1024" fill="none">
        <path fill="currentColor" d="M768.487 554.422H553.554v214.926c0 106.838 86.61 193.437 193.442 193.437h21.491c106.832 0 193.432-86.603 193.432-193.437v-21.492c.002-106.83-86.606-193.434-193.432-193.434m-515.842 0c-106.83 0-193.435 86.61-193.435 193.434v21.492c0 106.838 86.606 193.437 193.435 193.437h21.494c106.83 0 193.432-86.603 193.432-193.437V554.422zm21.498-494.346H252.65c-106.835 0-193.44 86.606-193.44 193.442v21.492c0 106.825 86.607 193.431 193.44 193.431h214.926V253.518c.002-106.836-86.604-193.442-193.432-193.442m494.344 0h-21.491c-106.836 0-193.442 86.606-193.442 193.442V468.44h214.933c106.832 0 193.432-86.606 193.432-193.431v-21.492c.002-106.836-86.606-193.442-193.432-193.442m0 0"/>
    </symbol>
</svg>

Assicurati:

• Di inserire fill="currentColor"
• Di caricare l’SVG con un nome di variabile SCSS icons-sprite.

Risultato:

[zhang_zhiyuan]

Grazie Arkshine. Ci provo.

[jordan-violet]

Questo componente del tema gestisce sottocategorie con lo stesso nome?

• parent (slug: parent)
  • sub (slug: sub)
• parent2 (slug: paren2)
  • sub (slug: sub)

Non sembra funzionare se uso lo slug parent-slub o parent1-sub per provare ad applicare loro delle impostazioni.

[Heliosurge (Dan DeMontmorency)]

I nomi dei tuoi slug sono diversi da genitore a sotto? Credo che finché i nomi degli slug sono diversi, dovrebbe funzionare.

[jordan-violet]

Ho condiviso gli esempi di nomi slug nel post precedente.

[Heliosurge (Dan DeMontmorency)]

Oh, e non funzionava? Non ho usato categorie con nomi simili su questo TC, ma ricordo di aver usato sottocategorie in passato, dato che una delle istanze era in esecuzione utilizzando la categoria principale solo come contenitore per le sottocategorie.

[sam (Sam Saffron)]

@lindsey / @tobiaseigen Ho aggiunto un avviso al post in alto ora che

Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji

We have added several new features to Discourse based on popular theme components to make it easier to customize the design of your community. In this topic, we’ll share more about these new core features, how to use them, and provide information about they compare to the theme components that inspired them. Header search The header search feature moves search from the magnifying glass in the top right corner to a more prominent input field in the site header. [Header search] When more heade…

Tuttavia, ora abbiamo parecchie “landmine” di ricerca in meta, probabilmente vogliamo ripulire un po’ questa situazione.