Don
11월 26, 2024, 8:18오후
1
안녕하세요
사용자 설정을 탐색하는 것은 때로 다소 어려울 수 있으며, 특히 신규 사용자에게是如此입니다. 이 테마 컴포넌트는 사용자 페이지에 여러 중요한 설정 링크를 추가하고 사용자 메뉴에 사용자 정의 프로필 탭을 추가할 수 있게 해줍니다…
이 메뉴 버튼은 사용자 프로필 제어 버튼 섹션에 배치됩니다.
메뉴 항목을 클릭하면 원하는 필드로 이동합니다. 이를 위해 각 필드에 [data-setting-name] 속성과 동일한 값인 id 속성을 추가했습니다. 이제 이를 앵커로 사용할 수 있습니다. 예: /u/username/preferences/profile#user-bio
설정 제목을 마우스 오른쪽 버튼으로 클릭하여 검사하면 이 id를 확인할 수 있습니다. 이 경우 setting 값은 user-username이어야 합니다. 이 설정은 선택 필드이므로 비워두면 설정이 아닌 페이지로 이동합니다.
profile links 설정을 사용하여 이러한 빠른 링크를 추가할 수 있습니다.
아이콘 (fontawesome 아이콘) 필수
라벨 (링크의 라벨) 필수
페이지 (이동하려는 페이지)
account
security
profile
emails
notifications
tracking
users
interface
설정 (이동하려는 설정 필드) 선택
여기에는 사용할 수 있는 몇 가지 설정 필드가 있습니다.
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를 사용하여 추가/제거 등을 변경할 수 있습니다…
아이콘 (fontawesome 아이콘) 선택
라벨 (링크의 라벨) 필수
페이지 (이동하려는 페이지)
account
security
profile
emails
notifications
tracking
users
interface
설정 (이동하려는 설정 필드) 선택
여기에는 사용할 수 있는 몇 가지 설정 필드가 있습니다.
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 설정을 사용하여 로그아웃 버튼 위에 배치할 수 있습니다.
아이콘 (fontawesome 아이콘) 선택
라벨 (링크의 라벨) 필수
URL (이동하려는 URL) 필수
21개의 좋아요
nathank
11월 27, 2024, 6:01오전
2
할렐루야!!! 드디어 누군가가 이 문제를 다뤘네요. 제 생각에, 이건 디스코르스의 신규 사용자들에게 가장 큰 문제 중 하나입니다.
한 가지 눈여겨본 점은, 오른쪽 상단의 아바타를 통해 접근하려면 여전히 여러 번의 클릭이 필요하다는 것입니다. 신규 사용자에게는 직관적인 접근 지점입니다.
7개의 좋아요
Don
11월 27, 2024, 2:19오후
3
Hey @nathank
main ← dev-user-menu
merged 02:17PM - 27 Nov 24 UTC
5개의 좋아요
nathank
11월 27, 2024, 9:17오후
4
와! 잘했네요!
하지만 아바타 메뉴의 핵심/기본 초점을 **알림(프로필은 사후적으로 추가된 느낌)**에서 프로필 + 알림 (제 생각에는 이것이 되어야 한다고 봅니다)으로 변경하는 개념으로 더 나아갈 수 있다고 생각합니다. 이미 프로필 탭은 있지만, 현재는 눈에 잘 띄지 않습니다:
이를 달성할 수 있는 방법:
아바타 메뉴의 기존 프로필 탭을 활용합니다.
해당 탭을 맨 위(즉, 현재 빠른 프로필 링크의 편집 아이콘이 있는 위치)로 이동시킵니다.
관리자가 프로필 탭의 메뉴를 사용자 지정할 수 있도록 합니다.
가장 쉬운 방법은 기존 프로필 탭을 숨기고 TC(테마 컴포넌트)를 사용하여 새로 만드는 것일 것입니다. 로그아웃 버튼은 유일한 까다로운 부분으로, 약간의 코드(이를 위한 기존 TC가 있습니다)가 필요할 수 있습니다. 온라인 및 일시정지 알림 부분도 꽤 복잡한 편입니다.
그렇다면 탭을 재배치하고 항목을 추가/제거하는 방식이 더 쉬울 수도 있습니다. 어떻게 생각하시나요?
4개의 좋아요
Lilly
11월 27, 2024, 9:25오후
5
와, 돈! 정말 잘했어. 이거 정말 좋은 추가물이야. 고마워!
2개의 좋아요
Don
11월 28, 2024, 5:13오전
7
이런 것에 대한 개념이 있습니다.
프로필을 상단으로 이동
환경설정을 숨김
상단 테두리 제거
커스텀 탭 아이콘을 기본적으로 기어로 변경
알림과 구분하기 위해 하단 테두리 추가
하단에 모든 설정 보기 버튼 추가 ( /my/preferences/account 로 리다이렉트)
어떻게 생각하시나요?
5개의 좋아요
Jagster
11월 28, 2024, 6:54오전
8
하지만 사용자 설정은 그 수가 적고, 거의 사용되지 않습니다. 기본값이 무엇으로 설정되어 있든, 그 위치가 첫 번째여야 하는지 확신이 서지 않습니다.
2개의 좋아요
Monikas
11월 28, 2024, 7:46오전
9
만들고 있는 컴포넌트는 볼 때마다 정말 감탄이 나오네요 ㅎㅎ
5개의 좋아요
nathank
11월 28, 2024, 8:55오전
11
정말 좋은 방법으로 정리하네요! 깔끔하고 간단하게 유지할 수 있습니다.
하지만 저는 (강하게) 모든 것을 하나의 프로필 탭에 통합하는 방식을 선호합니다. 요약(Summary)과 활동(Activity)도 모두 명확한 프로필 링크이므로, 이렇게 하면 사용자 관련 링크가 두 개의 탭으로 불필요하게 나뉘게 됩니다.
프로필 탭에 연결하는 것이 가능한가요?
3개의 좋아요
Don
11월 28, 2024, 5:36오후
12
Jakke Flemming:
setting의 올바른 값을 어떻게 찾나요?
OP(원본 게시글)에서 찾을 수 있으며, 설정 제목을 우클릭하여 검사하고 여기서 id를 확인할 수도 있습니다. 이 경우 setting 값은 user-username이어야 하지만, 설정을 추가하지 않고도 페이지로 리다이렉트할 수 있도록 선택 필드로 만들 계획입니다.
여기 작은 업데이트가 있습니다:
동의합니다.
프로필 탭을 재생성하고 빠른 링크를 추가했습니다.
기본 프로필 탭을 숨겼습니다.
사용자 정의 탭 아이콘을 사용자로 변경했습니다.
현재 모습은 다음과 같습니다.
테마 크리에이터에서 이 기능의 미리보개를 활성화했습니다: https://discourse.theme-creator.io/theme/Don/quick-profile-links-test
4개의 좋아요
Jagster
11월 28, 2024, 5:43오후
13
그 페이지 플랜이 마음에 들어. 내가 바로 그걸 쓰고 있거든. 아, 프로필 사진은 또 다른 이야기야.
우클릭 하는 거 좀 무서웠어
3개의 좋아요
Jagster
11월 28, 2024, 5:50오후
14
꽤 빠듯할 것 같네요? 실제 화면이 이렇게 보이기 때문이죠:
1개의 좋아요
Don
11월 29, 2024, 11:27오전
15
버튼의 패딩을 변경하고, 설정의 하위 항목에 더 작은 글꼴 크기를 적용하는 등 몇 가지 사항을 수정했습니다. 이렇게 하면 이전보다 항목의 높이가 줄어듭니다. 또한 이 탭의 내용을 스크롤할 수 있도록 만들었습니다. 이제 이 변경 사항을 일부 업데이트와 함께 병합하겠습니다…
2개의 좋아요
Don
11월 29, 2024, 11:27오전
16
업데이트
이번 업데이트에서는 기본 프로필 탭을 숨기고, 사용자 메뉴에 커스텀 프로필 탭을 추가합니다. 이 탭을 사용하면 설정 항목 아래에 커스텀 항목을 추가할 수 있으며, 로그아웃 버튼 앞에 커스텀 항목을 배치할 수도 있습니다.
enabled_user_menu_tab 설정으로 제어됩니다.
사용자 메뉴의 기본 프로필 탭을 숨깁니다.
사용자 메뉴 상단에 커스텀 프로필 탭을 추가합니다.
탭 아이콘은 user_menu_tab_icon 설정으로 변경할 수 있습니다.
설정 버튼 아래에 커스텀 항목을 추가합니다.
이 항목들은 profile_menu_preference_items 설정으로 변경할 수 있습니다.
로그아웃 버튼 앞에 추가적인 커스텀 항목을 추가합니다.
이 항목들은 profile_menu_extra_items 설정으로 변경할 수 있습니다.
profile_menu_preference_items와 profile_menu_extra_items에서 아이콘 필드는 이제 선택 사항입니다.profile_links와 profile_menu_preference_items에서 설정 필드는 이제 선택 사항입니다. 이는 설정으로 이동하는 것이 아니라 페이지로 리디렉션하는 링크를 추가할 수 있음을 의미합니다.
main ← dev-update
merged 11:28AM - 29 Nov 24 UTC
This update hide the default Profile tab and adds a custom Profile tab in user m… enu 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 profil tab in user menu
* adds custom profil 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.
3개의 좋아요
Jagster
11월 29, 2024, 11:31오전
17
Don:
아이템의 높이가 더 낮습니다.
모바일 및 모든 터치스크린에서 상당한 UX 문제가 될 것입니다.
불행하게도, 방향이 데스크톱 전용으로 바뀌는 것 같습니다.
저의 우려는 옳지 않았습니다. 물론 지금은 내용이 가득 차 있지만, 아주 잘 작동합니다.
3개의 좋아요
Jagster
11월 29, 2024, 11:51오전
18
하지만 enabled user menu tab을 비활성화하면 어떤 일이 일어나야 할까요? 이전 연필 탭이 나타날 줄 알았는데, 그렇지 않았습니다.
2개의 좋아요
Don
11월 29, 2024, 11:53오전
19
사용자 메뉴의 사용자 정의 프로필 기능 전체를 말합니다. 이 기능을 비활성화하면 사용자 메뉴와 관련된 어떤 동작도 수행하지 않습니다.
2개의 좋아요
Jagster
11월 29, 2024, 11:54오전
20
네, 활성화된 상태에서는 그렇죠. 하지만 비활성화하면 사실상 해당 컴포넌트 전체를 비활성화하는 것과 같은 결과예요
Don
11월 29, 2024, 11:56오전
21
아니요, 비활성화한 경우 사용자 페이지의 빠른 링크 메뉴만 표시됩니다.
2개의 좋아요
글로만 거의 일을 하니까, 작년 5월 이후로 노트북을 거의 안 쓴 것 같아. 하지만 안 될 거야. 이건 내 선택이니까. 그래도 아이패드에는 콘솔은 있어. 뭘 찾아야 할지 몰랐을 뿐이야. 이제 알았어. 고마워!
