quick-access-profile 안에 새 버튼을 추가하는 방법?

개발
1

안녕하세요!

이 섹션에 새 링크를 추가할 수 있을까요?

Capture d’écran 2024-03-05 à 10.33.36
Capture d’écran 2024-03-05 à 10.33.36980×946 46.6 KB

"설정"과 “알림” 사이에 위치하도록 하고 싶습니다. 테마를 수정하거나 새로운 플러그인을 추가하는 방식으로요.

감사합니다!

2

안녕하세요! 다시 오신 것을 환영합니다. :slight_smile:

로그아웃 버튼 앞에 항목을 삽입할 수 있는 addQuickAccessProfileItem이라는 API 함수가 있습니다.

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.gjs#L1893-L1907

예를 들어:

<script type="text/discourse-plugin" version="0.8">
api.addQuickAccessProfileItem({
  icon: "pencil-alt",
  href: "/somewhere",
  content: "Test"
})
</script>

The image shows a computer user interface with a dropdown menu that includes options such as Summary, Activity, Invites, Drafts, Preferences, Pause notifications, Test, and Log Out. (Captioned by AI)
The image shows a computer user interface with a dropdown menu that includes options such as Summary, Activity, Invites, Drafts, Preferences, Pause notifications, Test, and Log Out. (Captioned by AI)374×350 7.49 KB

이후 CSS를 사용하여 항목 순서를 변경할 수 있습니다(이상적인 방법은 아니지만, 선택지가 많지 않습니다)

.user-menu {
    .summary { order: 1 }
    .activity { order: 2 }
    .invites { order: 3 }
    .drafts { order: 4 }
    .preferences { order: 5 }
    
    /* yours here */
    .test { order: 6 }
    
    .do-not-disturb { order: 7 }
    .logout { order: 8 }
}

image
image378×212 3.98 KB

도움이 되길 바랍니다. :+1:

3

정말 감사합니다!