Menu dei link rapido al profilo

Installa questo componente del tema

Ciao :wave:

Navigare nelle preferenze utente può essere a volte un po’ difficile, specialmente per i nuovi utenti. Questo componente del tema consente di aggiungere diversi collegamenti importanti alle impostazioni nelle pagine utente e di aggiungere una scheda personalizzata al profilo del menu utente…

Collegamenti al menu delle pagine utente

Questo pulsante del menu è posizionato nella sezione dei pulsanti di controllo del profilo utente.



Facendo clic sulla voce di menu si verrà reindirizzati al campo desiderato. Per ottenere questo, ho aggiunto un attributo id per ogni campo che ha lo stesso valore dell’attributo [data-setting-name]. Quindi ora possiamo usarlo come ancora. Ad esempio: /u/username/preferences/profile#user-bio

Puoi ispezionarli con il tasto destro del mouse sul titolo dell’impostazione e controllare l’id. In questo caso il valore dell’impostazione dovrebbe essere user-username. Questa impostazione è un campo opzionale, quindi lasciarla vuota reindirizzerà alla pagina, non all’impostazione.


Impostazione dei collegamenti al menu delle pagine utente

Con l’impostazione profile links puoi aggiungere questi collegamenti rapidi.

  1. icona (icona fontawesome) richiesto
  2. etichetta (l’etichetta del collegamento) richiesto
  3. pagina (a quale pagina vuoi essere reindirizzato)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. impostazione (a quale campo di impostazione vuoi essere reindirizzato) opzionale
Ecco alcuni campi di impostazione da utilizzare.
  • account

    • user-username
    • user-avatar
    • user-email
    • user-associated-accounts
    • user-name
    • user-title
    • user-flair
    • user-data-export
  • profile

    • user-bio
    • user-timezone
    • user-location
    • user-website
    • user-profile-bg
    • user-card-bg
    • user-featured-topic
  • interface

    • user-theme
    • user-color-scheme
    • user-text-size
    • user-locale
    • user-home
    • user-other-settings

Scheda Profilo personalizzata del menu utente

Con l’impostazione enabled user menu tab puoi abilitare questa scheda profilo personalizzata. Questa scheda è una ricreazione della scheda Profilo predefinita.

Cosa fa?

  • nasconde la scheda profilo predefinita nel menu utente
  • aggiunge una scheda profilo personalizzata in cima al menu utente
    • l’icona della scheda è modificabile con l’impostazione user menu tab icon
  • aggiunge elementi personalizzati sotto il pulsante delle preferenze
    • questi elementi sono modificabili con l’impostazione profile menu preference items
  • aggiunge elementi extra personalizzati prima del pulsante di disconnessione
    • questi elementi sono modificabili con l’impostazione profile menu extra items

Impostazioni della scheda Profilo personalizzata

Per gli elementi delle preferenze (che si trovano sotto il pulsante Preferenze) con profile_menu_preference_items puoi aggiungere/rimuovere…

  1. icona (icona fontawesome) opzionale
  2. etichetta (l’etichetta del collegamento) richiesto
  3. pagina (a quale pagina vuoi essere reindirizzato)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. impostazione (a quale campo di impostazione vuoi essere reindirizzato) opzionale
Ecco alcuni campi di impostazione da utilizzare.
  • account

    • user-username
    • user-avatar
    • user-email
    • user-associated-accounts
    • user-name
    • user-title
    • user-flair
    • user-data-export
  • profile

    • user-bio
    • user-timezone
    • user-location
    • user-website
    • user-profile-bg
    • user-card-bg
    • user-featured-topic
  • interface

    • user-theme
    • user-color-scheme
    • user-text-size
    • user-locale
    • user-home
    • user-other-settings

Gli elementi extra possono essere posizionati sopra il pulsante Esci con l’impostazione profile menu extra items.

  1. icona (icona fontawesome) opzionale
  2. etichetta (l’etichetta del collegamento) richiesto
  3. url (a quale url vuoi essere reindirizzato) richiesto
17 Mi Piace

Alleluia!!! Finalmente qualcuno ha affrontato questo problema: secondo me, questo è uno dei problemi più grandi per i nuovi utenti di Discourse.

Una cosa che noto è che ci vogliono ancora diversi clic per arrivarci tramite l’avatar in alto a destra. Questo è il posto intuitivo dove i nuovi utenti dovrebbero andare.

5 Mi Piace

Ciao @nathank :wave: Penso sia un’ottima idea trovare un percorso più veloce. L’ho aggiunto alla scheda del menu utente.

4 Mi Piace

Wow! Bel lavoro!

Ma penso che potremmo andare oltre, con il concetto di alterare il focus principale/standard del menu Avatar da Notifiche (con un ripensamento del profilo) a Profilo + Notifiche (quello che penso dovrebbe essere). Abbiamo già una scheda Profilo, ma non è molto prominente:

Un modo in cui ciò potrebbe essere ottenuto:

  1. Utilizzare la scheda Profilo esistente nel menu Avatar
  2. Mettere quella scheda in cima (cioè dove si trova ora l’icona di modifica per i collegamenti rapidi del profilo)
  3. Consentire all’amministratore di personalizzare il menu della scheda Profilo

Immagino che il modo più semplice sarebbe semplicemente nascondere la scheda Profilo esistente e ricrearla utilizzando il TC. Il pulsante Logout è l’unica parte complicata e potrebbe richiedere un po’ di codice (esiste già un TC per quello). Anche la parte delle notifiche Online e Pausa è un po’ elaborata.

Forse sarebbe più facile spostare la scheda e aggiungervi/rimuoverne elementi. Cosa ne pensi?

4 Mi Piace

Ottimo lavoro Don. Questa è un’ottima aggiunta. Grazie! :slight_smile: :clap:

2 Mi Piace

Ho un’idea per qualcosa di simile.
Penso che potrebbe essere una buona idea separare le impostazioni.

  1. sposta il profilo in cima
  2. nascondi Preferenze
  3. rimuovi il bordo superiore

  1. cambia l’icona della scheda personalizzata in ingranaggio per impostazione predefinita
  2. aggiungi un bordo inferiore per separare dalle notifiche
  3. aggiungi un pulsante visualizza tutte le impostazioni in fondo (reindirizza a /my/preferences/account)

Cosa ne pensi?

4 Mi Piace

Ma le impostazioni utente sono meno utilizzate e raramente. Non sono sicuro che il suo posto debba essere il primo, indipendentemente da ciò che viene selezionato per impostazione predefinita.

2 Mi Piace

I componenti che sviluppi sono uno spettacolo ogni volta haha

5 Mi Piace

Come trovo il valore corretto per setting?

Questo è un ottimo modo per organizzarlo! Lo mantiene pulito e semplice.

Tuttavia, preferirei (abbastanza fortemente) che fosse tutto raggruppato in un’unica scheda Profilo, poiché Riepilogo e Attività sono anch’essi collegamenti del Profilo, e questo finisce per dividere inutilmente i collegamenti relativi all’utente in due schede.

È possibile agganciarsi alla scheda Profilo?

3 Mi Piace

Puoi trovarlo nell’OP e puoi anche ispezionarlo con il tasto destro del mouse sul titolo dell’impostazione e controllarlo qui l’id. In questo caso il valore setting dovrebbe essere user-username, ma penso che lo renderò un campo opzionale in modo che sia possibile reindirizzare alla pagina senza aggiungere l’impostazione.


Piccolo aggiornamento qui:

Sono d’accordo con te.

  1. Ho ricreato la scheda del profilo e aggiunto collegamenti rapidi.
  2. nascondi la scheda del profilo predefinita
  3. cambia l’icona della scheda personalizzata in utente

Ecco come appare ora.


Ho abilitato un’anteprima di questo nel creatore di temi: https://discourse.theme-creator.io/theme/Don/quick-profile-links-test

4 Mi Piace

Mi piace quel piano di pagina, perché per quello lo uso. Beh, l’immagine del profilo è un’altra storia.

Avevo paura di quella cosa del clic destro :joy: Solo perché lavoro quasi totalmente con le parole, non ho usato il mio laptop da maggio scorso, credo. Ma non si può fare, è solo e soltanto una mia scelta. Ho una console sull’iPad, però. Non sapevo cosa cercare. Ora lo so. Grazie!

2 Mi Piace

Sarà piuttosto stretto, no? Perché ora nella vita reale sembra così:

1 Mi Piace

Ho modificato il padding dei pulsanti, ho usato un font più piccolo per le sottovoci delle preferenze, ecc. in modo che le voci siano meno alte di prima e ho reso anche scorrevole il contenuto di questa scheda. Unisco ora questo con un aggiornamento…

2 Mi Piace

Aggiornamento :tada:
Ho aggiornato anche l’OP.

Questo aggiornamento nasconde la scheda Profilo predefinita e aggiunge una scheda Profilo personalizzata nel menu utente con la possibilità di aggiungere elementi personalizzati sotto l’elemento Preferenze e anche elementi personalizzati prima del pulsante Esci.

Scheda Profilo personalizzata nel menu utente

Controllato dall’impostazione enabled_user_menu_tab.

  • nasconde la scheda profilo predefinita nel menu utente
  • aggiunge la scheda profilo personalizzata nel menu utente in alto
    • l’icona della scheda è modificabile con l’impostazione user_menu_tab_icon
  • aggiunge elementi personalizzati sotto il pulsante preferenze
    • questi elementi sono modificabili con l’impostazione profile_menu_preference_items
  • aggiunge elementi extra personalizzati prima del pulsante Esci
    • questi elementi sono modificabili con l’impostazione profile_menu_extra_items

Impostazioni

  • il campo icona per profile_menu_preference_items e profile_menu_extra_items è ora opzionale.
  • il campo impostazione per profile_links e profile_menu_preference_items è ora opzionale, il che significa che può aggiungere collegamenti per reindirizzare a una pagina, non a un’impostazione.


3 Mi Piace

Questo sarebbe un enorme problema di UX sui dispositivi mobili e su tutti i touchscreen :man_shrugging:

Odio dirlo, ma la direzione è verso il solo desktop.

Mi sbagliavo su quella preoccupazione. Certo, ora è completamente popolato, ma funziona benissimo.

3 Mi Piace

Ma cosa dovrebbe fare la disabilitazione di enabled user menu tab? Pensavo che la precedente scheda della matita sarebbe apparsa, ma no.

2 Mi Piace

L’intera funzionalità del profilo personalizzato del menu utente. Se la disabiliti, non farà nulla con il menu utente.

2 Mi Piace

Sì, quando abilitato. Ma quando disabilitato è fondamentalmente la stessa cosa che disabilitare l’intero componente :thinking:

No, se disabiliti, apparirà solo il menu dei collegamenti rapidi della pagina degli utenti.

2 Mi Piace