Categorie: pubbliche, solo per utenti registrati o limitate

Esiste un modo per distinguere tra le categorie visibili solo agli utenti registrati e quelle visibili solo a determinati gruppi?

Al momento, utilizzo CSS per nascondere l’icona del lucchetto davanti a tutte le categorie visibili solo agli utenti registrati. Ora vorrei aggiungere un’icona a forma di gruppo davanti alle categorie riservate a specifici gruppi.

3 Mi Piace

Anche se capisco la tua domanda, sto riflettendo sul caso d’uso. Soprattutto perché solo gli utenti che possono vedere le categorie le vedono, indipendentemente dai gruppi o dallo stato di accesso. Quindi, come potrebbe aiutare la differenziazione? Non credo esista un modo, ma potrei sbagliarmi.

Il caso d’uso è lo stesso delle icone a lucchetto, che, a mio avviso, servono a ricordare agli utenti: se pubblichi qui o condividi un link da qui, non sarà accessibile a tutti.

Penso di non aver bisogno di questo promemoria per le categorie riservate solo agli utenti registrati, poiché pochissime categorie del mio sito sono visibili agli utenti anonimi. (Invece, contrassegno le categorie visibili al pubblico con un’icona :eye: per ricordare agli utenti che queste sono esposte su internet.)

Per le categorie che hanno restrizioni maggiori rispetto a “deve essere effettuato l’accesso”, può essere meno ovvio che sono destinate a un gruppo più o meno esclusivo. I nuovi utenti potrebbero aver ricevuto l’accesso a un gruppo al momento della creazione del proprio account. Quindi, fin dal primo giorno, vedono un insieme di categorie diverso rispetto ad altri utenti, ma a meno che il nome o la descrizione della categoria (se la leggono) non includano un indizio, non potrebbero capire che una categoria è visibile solo ad alcuni. Gli utenti più esperti potrebbero dimenticare che questa categoria, a cui un tempo avevano accesso, non è in realtà accessibile a tutti.

Quindi, in sintesi, un rapido promemoria visivo come l’icona a lucchetto ha più senso per me per le categorie riservate rispetto all’applicarlo a quasi tutte le categorie di un sito prevalentemente accessibile solo agli utenti registrati.

2 Mi Piace

Di recente abbiamo reso una categoria accessibile solo a un livello di fiducia più elevato e ora le persone continuano a pensare che tali argomenti siano stati chiusi. Chiuso e limitato sono due cose diverse, ed è confuso per gli utenti che abbiano la stessa icona. Un lucchetto è generalmente inteso come indicatore che la persona che lo vede non ha accesso completo, non che sia nascosto agli altri.

1 Mi Piace

Nel frattempo, ho deciso di indicare davanti a ciascuna categoria il livello di accesso. Uso un globo per le categorie pubbliche (accesso anonimo), un’icona “gruppo” per le categorie accessibili agli utenti registrati e un’icona “amici” per le altre categorie riservate.

2 Mi Piace

Come ci stai riuscendo? Penso che sia un’ottima idea e, mentre avviciniamo il nostro sito ad avere un paio di categorie pubbliche, mi piacerebbe fare qualcosa di simile per loro. Adoro il globo!

Mi piacerebbe ottenere:

  1. :globe_with_meridians: sulle Categorie impostate su everyone
  2. Nessuna icona impostata sulle Categorie che consentono l’accesso a trust_level_0
  3. :unlock: impostato su tutte le altre Categorie

Questo TC dovrebbe farlo Nathan.

Sì, è quello che uso. Nel campo svg-icons, inserisci users, user-friends e qualsiasi simbolo tu voglia usare per l’accesso pubblico (per il globo, sto usando un’icona di Freepik, che ho aggiunto al mio Discourse tramite uno sprite caricato in un componente del tema)

Nascondo l’icona del lucchetto con questo CSS aggiunto a un componente del tema:

// nessuna icona del lucchetto per le categorie private
.category .badge-category.clear-badge.restricted .d-icon-lock, 
.badge-category.clear-badge.restricted .d-icon-lock,
.category-list .category-text-title .d-icon-lock,
.category-box-heading .d-icon-lock {
    display:none;
}
1 Mi Piace

Ho ideato una variante della tua idea, in cui posso nascondere l’icona del lucchetto selettivamente solo per le categorie accessibili a TL_0 (manualmente).

Poiché non esiste una classe CSS comoda e pratica per questo, devi invece puntare alle proprietà hover (title) e link (href), e devi farlo anche per ciascuna delle categorie per le quali desideri nascondere l’icona del lucchetto:

// nasconde le icone del lucchetto per la categoria ux
[title = "ux"], [href = "/c/ux/9"] {
     .d-icon {
         display: none;
     }
}

Naturalmente, entrerebbe in conflitto con eventuali icone del Componente Icone Categoria, ma questo può essere mitigato puntando a .d-icon-lock (o qualsiasi icona tu stia usando) invece di .d-icon per quella categoria.


Ho appena modificato quel CSS dopo aver scoperto che mi mancavano alcune icone. Ora funziona molto meglio, ma si romperà facilmente se cambi la struttura della tua categoria.

2 Mi Piace

Un piccolo aggiornamento a questo in modo da poterlo utilizzare con la barra laterale:

// nasconde le icone di blocco per la categoria ux
.sidebar-section-link-ux .prefix-badge {
    display: none;
}
.category-ux .list-controls, [href = "/c/ux/9"] {
    .d-icon-lock,  {
        display: none;
    }
}
1 Mi Piace

Per i menu a discesa di selezione delle categorie ho aggiunto un altro target:

.category-ux .list-controls, [href = "/c/ux/9"], [data-value = "9"] {
    .d-icon-lock,  {
        display: none;
    }
}

Anche per i canali di chat suggerisco: [href *= "chat/channel/9/"]

1 Mi Piace