빠른 프로필 링크 메뉴

:information_source: 요약 빠른 프로필 링크 메뉴
:eyeglasses: 미리보기 Theme Creator
:hammer_and_wrench: 저장소 GitHub - VaperinaDEV/quick-profile-links-menu · GitHub
:heart: 도움이 되셨나요? > ./support --coffee
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스코urse 테마를 처음 접하셨나요? 디스코urse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

안녕하세요 :wave:

사용자 설정을 탐색하는 것은 때로 다소 어려울 수 있으며, 특히 신규 사용자에게是如此입니다. 이 테마 컴포넌트는 사용자 페이지에 여러 중요한 설정 링크를 추가하고 사용자 메뉴에 사용자 정의 프로필 탭을 추가할 수 있게 해줍니다…

사용자 페이지 메뉴 링크

이 메뉴 버튼은 사용자 프로필 제어 버튼 섹션에 배치됩니다.



메뉴 항목을 클릭하면 원하는 필드로 이동합니다. 이를 위해 각 필드에 [data-setting-name] 속성과 동일한 값인 id 속성을 추가했습니다. 이제 이를 앵커로 사용할 수 있습니다. 예: /u/username/preferences/profile#user-bio

설정 제목을 마우스 오른쪽 버튼으로 클릭하여 검사하면 이 id를 확인할 수 있습니다. 이 경우 setting 값은 user-username이어야 합니다. 이 설정은 선택 필드이므로 비워두면 설정이 아닌 페이지로 이동합니다.


사용자 페이지 메뉴 링크 설정

profile links 설정을 사용하여 이러한 빠른 링크를 추가할 수 있습니다.

  1. 아이콘 (fontawesome 아이콘) 필수
  2. 라벨 (링크의 라벨) 필수
  3. 페이지 (이동하려는 페이지)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. 설정 (이동하려는 설정 필드) 선택
여기에는 사용할 수 있는 몇 가지 설정 필드가 있습니다.
  • 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

사용자 메뉴 사용자 정의 프로필 탭

enabled user menu tab 설정을 사용하여 이 사용자 정의 프로필 탭을 활성화할 수 있습니다. 이 탭은 기본 프로필 탭의 재현입니다.

무엇을 하나요?

  • 사용자 메뉴에서 기본 프로필 탭을 숨김
  • 사용자 메뉴 상단에 사용자 정의 프로필 탭을 추가
    • 탭 아이콘은 user menu tab icon 설정으로 변경 가능
  • 설정 버튼 아래에 사용자 정의 항목을 추가
    • 이러한 항목은 profile menu preference items 설정으로 변경 가능
  • 로그아웃 버튼 앞에 사용자 정의 추가 항목을 추가
    • 이러한 항목은 profile menu extra items 설정으로 변경 가능

사용자 정의 프로필 탭 설정

설정 항목(설정 버튼 아래에 위치)의 경우 profile_menu_preference_items를 사용하여 추가/제거 등을 변경할 수 있습니다…

  1. 아이콘 (fontawesome 아이콘) 선택
  2. 라벨 (링크의 라벨) 필수
  3. 페이지 (이동하려는 페이지)
    • account
    • security
    • profile
    • emails
    • notifications
    • tracking
    • users
    • interface
  4. 설정 (이동하려는 설정 필드) 선택
여기에는 사용할 수 있는 몇 가지 설정 필드가 있습니다.
  • 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

추가 항목은 profile menu extra items 설정을 사용하여 로그아웃 버튼 위에 배치할 수 있습니다.

  1. 아이콘 (fontawesome 아이콘) 선택
  2. 라벨 (링크의 라벨) 필수
  3. URL (이동하려는 URL) 필수
21개의 좋아요

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.

7개의 좋아요

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

https://github.com/VaperinaDEV/quick-profile-links-menu/pull/2

5개의 좋아요

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?

4개의 좋아요

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

2개의 좋아요

I have a concept for something like this.
I think it maybe a good idea to separate the settings.

  1. move profile to the top
  2. hide Preferences
  3. remove border top

  1. change the custom tab icon to gear by default
  2. add border bottom to separate from notifications
  3. add view all settings button to bottom (redirect to /my/preferences/account)

What do you think?

5개의 좋아요

But user settings are less and rarely used. I’m not sure if it’s place should be the first, no matter what is selected by default.

2개의 좋아요

The components you develop are a sight to behold every time haha

5개의 좋아요

How do I find right value for setting?

That is a pretty damn good way to sort it! Keeps it clean and simple.

However, I would (quite strongly) prefer it all rolled into the one Profile tab, as Summary and Activity are both firmly Profile links too - and this ends up splitting the links relating to the user into two tabs a bit unnecessarily.

Is it possible to hook into the Profile tab?

3개의 좋아요

You can find in OP and you can also inspect it with right click the setting title and check it here the id. In this case the setting value should be user-username but I think I will make it optional field so that will be possible to redirect to page without adding setting.


Little update here:

I agree with you.

  1. I’ve recreated the profile tab and add quick links to it.
  2. hide the default profile tab
  3. change the custom tab icon to user

This is how it looks like now.


I’ve enabled a preview to this in theme creator: https://discourse.theme-creator.io/theme/Don/quick-profile-links-test

4개의 좋아요

I like that page-plan, because for that I use. Well, profile picture is another story.

I was afraiding that right click thingy :joy: Just because I work almost totally with words, I haven’t used my laptop since last may, I reckon. But no can do, it’s just and only my choise. I have a console on iPad, though. I just didn’t know what to looking for. Now I know. Thanks!

3개의 좋아요

It will be quite tight, no? Because it looks this now on the real life:

1개의 좋아요

I’ve changed the buttons padding, use smaller font size to preferences sub items etc… so the items are less height then before and also I made it scrollable this tab content. I merge this now with some update…

2개의 좋아요

Update :tada:
I’ve updated the OP too.

This update hide the default Profile tab and adds a custom Profile tab in user menu with the ability to adds custom items under Preferences item and also can be adds custom items places before the Log Out button.

Custom Profile tab in user menu

Controlled by enabled_user_menu_tab setting.

  • hide default profile tab in user menu
  • adds custom profile tab in user menu to the top
    • the tab icon is changeable with the user_menu_tab_icon setting
  • adds custom items under preferences button
    • these items changeable with the profile_menu_preference_items setting
  • adds custom extra items before log out button
    • these items changeable with the profile_menu_extra_items setting

Settings

  • profile_menu_preference_items and profile_menu_extra_items the icon field is optional now.
  • profile_links and profile_menu_preference_items the setting field is optional now, which means it can adds links to redirect to page, not setting.


https://github.com/VaperinaDEV/quick-profile-links-menu/pull/3

3개의 좋아요

That will be huge UX-issue on mobiles plus every touch screens :man_shrugging:

Hate to say this, but then direction is toward desktop-only.

I was wrong on that concern. Sure, it is full populated now, but it works just fine.

3개의 좋아요

But what should disabling enabled user menu tab do? I thought that previous pencil tab would pop up, but no.

2개의 좋아요

The whole user menu custom profile feature. If you disable it then it won’t do anything with user menu.

2개의 좋아요

Yeah, when enabled. But when disabled it is basically same thing than disabling whole component :thinking:

Nope, if you disabled then only the users page quick links menu will appears.

2개의 좋아요