Quick Profile Links Menu

:information_source: Summary Quick Profile Links Menu
:eyeglasses: Preview Theme Creator
:hammer_and_wrench: Repository GitHub - VaperinaDEV/quick-profile-links-menu
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Hello :wave:

Navigating the user preferences can be a bit difficult at times, especially for new users. This theme component allows to add several important setting links for customizing the profile…

The menu button is places in the user profile control buttons section.


It also can be placed in the user menu.
Which you can enable with a setting. enabled user menu tab

default setup :point_up:


Clicking on the menu item it will redirect to the desired field. To achieve this I’ve added an id attribute for each field which is same value as the [data-setting-name] attribute. So now we can use this as an anchor. Like: /u/username/preferences/profile#user-bio

You can check it on all preferences fields. This is important because the setting use this id value but I’ll add it below.


Settings

There are 4 required setting for each link.

  1. icon (fontawesome icon)
  2. label (the label of the link)
  3. page (which page do you want to be redirected to)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. setting (which setting field do you want to be redirected to)
Here are some setting field to use.
  • 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
9 Likes

Hallelujah!!! Finally someone has tackled this - in my opinion, this is one of the biggest issues for new users of Discourse.

One thing I notice is that it is still several clicks to get to it via the avatar top right. This is the intuitive place for new users to go.

2 Likes

Hey @nathank :wave: I think it’s a great idea to find a quicker path. I’ve added it to user menu tab.

2 Likes

Wow! Nice work!

But I think we could go further, with the concept of altering the core/standard focus of the Avatar menu from Notifications (with a profile afterthought) to Profile + Notifications (what I think it should be). We do already have a Profile tab, but this isn’t very prominent:

A way this could be achieved:

  1. Utilise the existing Profile tab on the Avatar menu
  2. Put that tab up the top (i.e. where the edit icon for the quick profile links is now)
  3. Allow the admin to customise the Profile tab’s menu

I guess the easy way would be to simply hide the existing Profile tab and recreate it using the TC. The Logout button is the only tricky bit, and might require a bit of code (there is an existing TC for that). The Online and Pause notifications bit are a bit fancy too.

Maybe it would be easier to shuffle the Tab and add / subtract from it though. What do you think?

2 Likes

wow, nice work Don. This is a great addition. Thanks! :slight_smile: :clap:

1 Like

(post deleted by author)